Emmet语法规则与一些别的控件

Emmet语法规则

id（#）,class（.）子节点（>），兄弟节点（+），上级节点（^）重复（*）分组（()）属性（[attr]）编号（$）（$代表一位数，后面更上*数字就代表从1递增到填写的数字）文本（{}）
ul>(li>img[src=img/pro/$.jpg]+h3+div>span.money{￥15}+span.love+span.num{787878})*2  双击tab键

可以大大提高前端开发效率

直接在编辑器上输入HTML和CSS代码的缩写，然后按下tab键

可以拓展为完整的代码片段

 

定位（position ）

通过"left", "top", "right" "bottom" 来进行定位

dl dt dd 定义列表

定义列表

<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。

 

ink 与 @import的区别：

link 属于 HTML 标签，而@import 是 CSS 提供的，且只能加载 CSS
页面被加载时，link 会同时被加载，而@import 引用的 CSS 会等到页面被加载完再加载
@import 只在 IE5 以上才能识别，而 link 是 HTML 标签，无兼容问题

 

dotted:是来定义边框的：点状边框

relative：是相对定位

nth-child:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。

first-child:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。