今天来学习一下css的相关属性！

css的三大特性

1.层叠性 就近原则

• 样式冲突，就近原则，哪个离结构近，就执行哪个样式

• 样式不冲突，不会层叠

2.继承性 继承父标签的样式 子承父业

• 行高可以继承
• text font line 开头的都可以继承，以及color的属性。

3.优先级

• 选择器相同，则执行层叠性
• 选择器不同，则根据选择器权重执行

4.权重

1）选择器权重

• 继承的权重为0，如果该元素没有被选中，不管父级权重多高，子元素的权重都是0
• 权重由四组数字组成，但是不会有进位

• a链接默认样式a{color:blue;}
• body为继承，继承权重为0，所以a标签优先
• ！important 权重最高

2）权重叠加

• a：hover权重为0，0，1，1
• a为元素选择器0，0，0，1
• ：hover为伪类选择器0，0，1，0

Emmet基本语法

（一）生成HTML标签

1.div＋tab键生成标签

2.多个相同标签用 div*n

3.父子级关系用ul>li

4.兄弟关系用+ div+p

5.类名或id的，直接写.demo #two

6.生成有顺序的div，用$如.demo$*3

7.标签加文字 div{随便写文字}

（二）生成css样式语法 h20或fw200

• 主写首字母就行

css的复合选择器

1.后代选择器 指定一个写属性 ol li {}

• 元素2是元素1的后代

• 空格隔开

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

ol li {
    color: red;
    }

2.子选择器 1>2 { 样式声明 }

• 子元素选择器：只能选择作为某一元素的最近一级子元素，亲儿子元素。

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

.nav>a {
    color: red;
}

• 只改nav下的a，nav下面的下面不用改。

3.并集选择器 通过，分隔 div, p, .nav li {}

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

div, p, .nav li {
    color: pink;
}

• 并集选择器 通过，分隔
• 最后一个元素不用

4.伪类选择器 用：添加特殊效果

1）链接伪类选择器a:link

• 按顺序写 LVHA
• 一般先给a写个默认属性，在写这些

2）:focus伪类选择器 选取获取焦点的表单元素

input:focus {
    background-color: #fff;
}