一、 属性：表示事物的一些特征
属性：标签属性和样式属性。
标签属性 < img src=”1.jpg” width=”100px” height=”200px”/>
样式属性 <style>
p{
color：red；
}
</style>
二者的区别
1.位置不一样 样式属性写在style中标签属性写在标签内
2.写法不一样 样式属性是属性:属性值标签属性是属性=”属性值”
二、选择器
标签选择器
Id选择器
Class选择器
样式显示的顺序由选择器的权重决定的。
标签的权重是1 class的权重是10 id的权重是100.
备注，权重可以叠加。
浏览器如何去执行代码
浏览器执行代码是从上往下，从左往右。
选择器的种类
1. 标签选择器:根据指定的标签名，在当前界面中找到所有该名称的标签，然后设置属性。
2. Id选择器:可以为标有特定 id 的 HTML 元素指定特定的样式。
3. Class选择器:可以为标有特定 class 的 HTML 元素指定特定的样式。
4. 后代选择器:可以选择作为某元素后代的元素。
5. 子代选择器：只能选择作为某元素子代的元素。
6. 交集选择器：由俩个选择器构成，其中一个为标记选择器，另一个为为class选择器或id选择器，如p.a1 p#a1等。
7. 并集选择器：跟交集选择器一致，只是中间用，(逗号)隔开。
8. 通配符选择器：* 选择所有的标签
9. 伪类选择器：只要选择器后面带 : 都可以说他是伪类选择器
a:link{} a:hover{} a:visited{} a:active{} p:after{} p:before{}
a:link{ }
a:visited{ }
a:hover{ }
a:active{ } a的四种状态顺序不能变
伪元素和伪类选择器的区别:
伪元素有两个冒号如p::after{} 伪类选择器有一个冒号p:hover{}
10. 结构选择器：Div:nth-of-type(1)，括号里面的是选择第几个
备注：
<a>是特殊的，要改变a里面的颜色，必须直接给a设置，给a的父级设置不行
属性继承：明明是父级上设置样式，结果后代标签也跟着发生变化，这就叫属性继承