import和link的区别

1.link 属于 HTML 标签，而@import 是 CSS 提供的，且只能加载 CSS
2. 页面被加载时，link 会同时被加载，而@import 引用的 CSS 会等到页面被加载完再加载
3. import 只在 IE5 以上才能识别，而 link 是 HTML 标签，无兼容问题
4. link 方式的样式的权重 高于@import 的权重
5. 当使用 Javascript 控制 DOM 去改变样式的时候，只能使用 link 方式，因为 @import 眼里只
有 CSS ，不是 DOM 可以控制
6. 合理的标签使用

快捷键

ul>(li>img[src=img/pro/$.jpg]+h3+div>span.money{￥15}+span.love+span.num{787878})*15加tab

ul>li{这是个列表$}*?加tab

左右分栏

<dl>

<dt></dt>标题

<dd></dd>内容

</dl>

emment语法规则：

https://blog.csdn.net/qq_33744228/article/details/80910377

div .left=div*:left  所有后代
div>.left   第一代 子代
div +.left  下一个兄弟节点
div ~.left  后面所有兄弟节点
div.left  元素本身