WEb开发之H5+CSS篇

WEb开发之H5+CSS篇

emmet语法

其前身为Zen coding ,使用缩写提高编写速度，vscode已经集成

1. 快速生成HTML结构语法

   生成标签： 标签名+tab键（enter）

   生成多个相同标签： 标签名+ * 键

   父子级关系： >

   兄弟关系： +

   带有类名或者id名字： 标签名.demo(#demo) + tab 键（enter）

   div类有顺序 . demo * 5

   标签内部写内容 div{文字}*5 div{文字} div{$} 乘5

2. 快速生成CSS样式语法

选择器

CSS复合选择器

两个或者多个基础选择器组合而成。

后代选择器（包含选择器）

元素1 元素2 { 样式声明 }

子代选择器（子元素选择器）

选择最近一级元素 大于号

并集选择器

逗号隔开：相同样式的元素

相邻兄弟选择器

元素 1 + 元素 2 ：两者拥有相同的父元素。

属性选择器

伪类选择器

：lin