样式表：
内部样式，不推荐使用.png
内部样式表.png
推荐使用第二种内部样式表。第二种内部样式表，简便，少写代码提高工作效率。
外部样式表.png
外部样式表，提高编写效率，复用style.css文件。注意路径问题。
css注释
在head总使用
css注释.png
块与内联：
块元素：独占一行。如：div （可使一行文字拥有属于自己的颜色背景），p ，h1~h6等。
内联元素：只占自身大小，不会单独占一行。
区分块元素跟内联元素：看是否独占一行了。
a标签.png
a标签可以包含任何元素，除了本身。
p标签不可以包含其他块元素。块元素：div等。
选择器：
元素选择器:让所有p元素的文字变红，让所有h1元素的文字变红。
元素选择器.png
id选择器：通过元素属性，选择改变元素。
改变id为p1的元素的字体。p1前必须加上''#''
id选择器.png
类选择器：必须满足条件才可改变。
类选择器.jpg
例：
类选择器.png
类选择器效果.png
指定背景颜色：
指定背景颜色.png
并集选择器：（同指定背景颜色作用相同）
并集选择器.png
交集选择器: （复合选择器）必须满足两个条件才可以改变。
交集选择器1.jpg
交集选择器2.png
子元素选择器：
![]()
子元素and后代元素选择器.jpg
子元素and后代元素选择器.jpg
后代2.png
后代3.png
伪类选择器：
link 访问过的链接。visited访问过的链接。hover鼠标移入的状态。active被点击的状态
伪类1.png
伪类2.png
注意.jpg
伪元素：
伪元素：first-line设置第一行背景。写法跟first-letter写法相同。
伪元素.jpg
属性选择器：
![]()
属性选择器.png
属性选择器.png
指定开头：加"^”即可
指定开头.png
指定末尾：加$即可
指定末尾.jpg
指定全部：加*即可
指定全部.png
子元素选择器：写法：nth-child（索引）
子元素选择器.jpg
兄弟选择器：
span和p元素改变
兄弟1span和p改变.jpg
span后的所有的改变：
span后所有都.png
否定伪类选择器：
否定hollow的段落.png
样式继承：
![]()
div里的p和span会继承div的样式
div里的p和span会继承div的样式
注意：背景，边框，定位不继承。
继承选择器优先级：
继承优先级.png
a的伪类：顺序为link，visited，hover，active(l,v,h,a)
a的伪类.png
