随笔分类 - html5
摘要：1,HTML视频（Videos）播放 <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <sour
阅读全文
摘要：拖放（Drag 和 drop）是 HTML5 标准的组成部分。 设置元素为可拖放 1，拖动什么 - ondragstart 和 setData() 然后，规定当元素被拖动时，会发生什么。 在上面的例子中，ondragstart 属性调用了一个函数，drag(event)，它规定了被拖动的数据。 da
阅读全文
摘要：HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。 1,HTML5 - 使用地理定位 请使用 getCurrentPosition() 方法来获得用户的位置。 检测是否支持地理定位如果支持，则运行 getCu
阅读全文
摘要：HTML 属性赋予元素意义和语境 1，contenteditable 规定元素内容是否可编辑。 2，contextmenu 规定元素的上下文菜单。上下文菜单在用户点击元素时显示。 3，draggable 规定元素是否可拖动。 4，hidden 规定元素仍未或不再相关 5，spellcheck 规定是
阅读全文
摘要：1，<article> 定义文章 2，<aside> 定义页面内容之外的内容 3，<audio> 定义声音内容。 4，<canvas> 定义图形。 5，<embed> 定义外部交互内容或插件 6，<footer> 定义 section 或 page 的页脚。 7，<header> 定义 sectio
阅读全文
摘要：1，新的 form 属性： autocompletenovalidate 2，新的 input 属性： autocompleteautofocusformform overrides (formaction, formenctype, formmethod, formnovalidate, form
阅读全文
摘要：HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证 1，email 邮箱类型 E-mail: <input type="email" name="user_email" /> 2，Input 类型 - url 网址类型 url 类型用于应该包含 URL 地址的输入域 Home
阅读全文
摘要：关闭图标 <p>关闭图标实例 <button type="button" class="close" aria-hidden="true"> × </button></p> 快速浮动 <div class="pull-left"> 向左快速浮动</div><div class="pull
阅读全文
摘要：区块元素DIV是无语义的，是一个盒子，独自占一行，行内元素span是行内元素，占一行一小部分，也将行内元素转换区块元素 1，区块元素DIV <DIV>www.cnmibee.com</DIV> 2，行内元素span <span>www.cnmibee.com</span> 3，行内元素转换区块元素
阅读全文
摘要：深入表单关联元素标签label作用和应用场景 1，标签label作用 定义input 输入框得语义定义 还可以提高用户体验提高输入框点击范围 2，标签label应用场景 <label>用户名</label> <input type="text" name="www.cnmibee.com" valu
阅读全文
摘要：前端工具vscode的安装和使用方法 1，VScode的安装 百度搜索 “VScode” 下载软件 2，VScode的使用 使用ctrl+n 新文建 使用ctrl+s保持文件 使用 ！+tab快速生成html骨架文件 文章来自 http://www.cnmibee.com/
阅读全文
摘要：CSS预处理就是css变量，把某些参数设置为变量，通过编译来带来，他的好处无需考虑浏览器的兼容性问题 1，sass的安装使用 Sass完全兼容所有版本的CSS。我们对此严格把控，所以你可以无缝地使用任何可用的CSS库。 使用软件 vscode Sass 有两种语法格式。首先是 SCSS (Sassy
阅读全文
摘要：1，网页的定义 网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，您的网站就是由网页组成的，如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语
阅读全文
摘要：html和CSS之内边距介绍用法应用场景 1，什么是内边距 内边距就是元素与边框之间的的距离 2，内边距的用法 padding-top padding-left padding-right padding-bottom padding:0px 0px 0px 0px 3，内部应用场景 网页布局元素的
阅读全文
