4.复杂选择器、权重计算、css基础属性

CSS权重

!important	Infinity
行间样式	1000
id	100
class/属性/伪类	10
标签/伪元素	1
通配符	0

256进制

选择器

1. 父子选择器/派生选择器

div span{
    background-color: antiquewhite;
}

2. 直接子元素选择器

div > em{
    background-color: aquamarine;
}

3. 并列选择器 使用并列时，标签选择器放前面

div.demo{

}

4. 分组选择器

em, strong, span{

}

从右往左遍历 这样更快（第一个必须遍历全部，但第二个开始减少时间）
ul li a span em {

}

字体颜色

1. 纯英文单词
2. 颜色代码
3. 颜色函数 rbg(0,255,255)

红 绿 蓝
r g b
00-ff 00-ff 00-ff
#000000

CSS部分属性

	/* 属性名：属性值 */
    font-size: 16px;
    /* 默认字体大小 设置的是高*/
    font-weight: bold;
    /* 加粗 */
    font-style: italic;
    /* 斜体 */
    font-family: Arial, Helvetica, sans-serif;
    /* 字体 */
    color: antiquewhite;    
    /* 字体颜色 */
    border: 1px solid blue;
    /* border：border-width  border-style border-color */