SaberSama【css总结】
为什么要转过来呢？
因为我觉到，同样是一个初学者，应该互相学习，交流。
css：Cascading Style Sheets 层叠样式表
CSS引入方式：
1.内嵌： <p style="color:red;">xx</p>，这种方式使用最少，因为不方便阅读
2.内联：写在<head>中，<style>
p{xxxxx}
</style> 所有p元素都会执行{}中的代码。
3.外联：在外部创建一个CSS，再通过link连接这个css.也写在<head>中。
选择器:
1.ID选择器：命名一个 id="xx" 然后用#xx来提取。一段HTML中只能命名一个ID
2. class选择器：命名一个 class="xx" 然后用.xx来提取。可以命名多个class.
3.元素选择器：p{} span{} 元素{}
4.属性选择器：inpunt[type="text"]{}
伪类：
以一个<a>标签为例子。
a:link{xx} 没有被访问时的样式
a:visited{xx}访问后的样式
a:hover{xx}鼠标移上去的样式
a:active{xx}点击时的样式
伪元素：
:first-line{xx} 文字中的第一行的样式
:first-letter{xx}文字中的第一个字的样式
:before{xx}插入到选中的位置的最前面
:after{xx}插入到选中的位置的最后面
通配符：*，指所以元素。
后代：
ul li:nth-child(7) 指选中Ul中顺数第七个
ul li:nth-last-child(7) 指选中Ul中倒数第七个
ul li:nth-child(odd)指ul中的奇数列
ul li:nth-child(even)指ul中的偶列
ul li:nth-child(xn+y) 指xn+y的数字，n从0开始计算。
子级：
.p span{xxx} p下的所有span的样式
.p>span{xxx} 只改变子级。孙子级的不会被改变。
并集：
h1,h2,h3,h4,{xxxx} h1-h4的样式
div1.div2.div3{xxx} div1-div3的样式，多个样式的改变。
权重：important>style>id>class>元素>*
