前端学习第五周

1.Emmet语法
1.1快速生成HTML结构语法
（1）生成标签，输入标签名再按tab键。
（2）生成多个相同标签，标签名*n+tab.
（3）父子级关系的标签，用>,例：ul>li+tab。
（4）兄弟关系标签，div+p;
（5）生成带有类名或id名字，直接写.demo或者#two tab键
（6）若生成的div有序，加$。例如： .demo$*5+tab
（7）若想要在生成的标签内部写内容可以用{}表示。
1.2快速生成css样式语法
（1）w200+tab键：width：200px;
（2）ln26+tab键：line-height:26px;
1.复合选择器:由基础选择器组合而成
1.1后代选择器（重要）：可以选择父元素里面的子元素
语法：

注意（1）元素一和元素二要用空格隔开
（2）元素一必须是父，逐层查找。
1.2子选择器（重要）：只能选择作为某元素最近一级子元素。
语法：

        
注意：（1）元素一元素二中间用>隔开
（2）元素一是父级，二是子级，最终选择的是二。
（3）二必须是亲儿子。
1.3并集选择器：可以选择多组标签，同时为他们定义相同的样式。
语法:

（1）元素一和元素二通过英文逗号连接而成。
（2）通常用于集体声明。
1.5伪类选择器：向某些选择器添加特殊的效果。
书写特点：用冒号表示，例如：hover，：first-child.
1.6链接伪类选择器
语法：
注意：（1）一定要按顺序声明：link-:visited-:hover-:active.（LVHA）
(2)a链接在浏览器具有默认样式，在实际工作中需要给链接单独指定样式。
实际开发中的写法：
1.7：focus伪类选择器：选取获得焦点的表单元素。
语法：
复合选择器总结：