css选择器

css 层叠样式表

1.css写法一 内联样式（没有真正做到样式和结构分离不建议频繁使用

2.css写法二 内部样式（在头部标签写）

3css写法三 外部样式表

层叠：同一个元素使用了不同的样式表，所有的样式叠加就叫层叠

冲突：同一元素设置相同属性会造成冲突，遵循就近原则选择属性值继承： 子父关系中文本样式可以被继承（布局样式不能继承，块级元素可以继承父的宽，行级不可以）

颜色 color background-color

1.英文字母

2.16进制

3.rgb（0-255，0-255，0-255）

4.rgb（0-255，0-255，0-255，0-1

css选择器

1·标签选择器

2·全局选择器 （*）

3·class 选择器 （.）

4·id 选择器（#）（唯一性id名不要重复）

5·群组选择器（，）

6层次选择器

​ 子代选择器 (>)

​ 后代选择器（空格）

​ 相邻兄弟选择器（+）（向下原则）

​ 通用兄弟选择器 （~）

7·伪类选择器

​ ui伪类选择器 （a标签使用）

默认状态 b+a:link{background-color: yellowgreen;}、

访问过后的状态b+a:visited{background-color:aqua}

鼠标最浮 b+a:hover{background-color:red;}

鼠标按下 b+a:active{background-color:orange;}

（顺序不可以改变）

​ 结构伪类选择器

ul li:nth-child(3){background-color:orangered;}

去除无序列表的点

ul li{list-style：none}

今日代码+笔记