- 一：简介与使用
css主要对页面中元素的定位和美化，在用html构建好页面后使用。可在html中直接插入css代码，用style标签，也可另外建一个css文件，用link引入，也可用@import导入。
<link rel="stylesheet" href="1.css" type="text/css">
<style>
@import url("1.css");
body {
background: blue;
}
</style>
- 二：选择器
*为选择所有，.class为类选择器，#id为id选择器，可直接用body部分的标签选择，可多个选择器中用，来组合使用。
后代选择器。div p表示选择div后代中所有的p元素，div>p表示仅选择div子级中的p元素，div+p用于选择紧挨着的同级兄弟p元素，main div~表示用于选择div后面的所有兄弟元素。
属性选择器。类似于以下代码，可对多个属性组合使用，^ 以指定值开头的元素，可把^变为$ 以指定值结尾的元素，可换为 属性内部任何位置出现值的元素，可换为~ 属性值中包含指定词汇的元素，可换为| 以指定值开头或以属性连接破折号的元素
<style>
h2[name^="hdcms"] [id]{
color: red;
}
</style>
<body>
<h2 name="wwwbaidu" id>wwwbaidu.com</h2>
<h2 name="baidu.com">baidu.com</h2>
<body>
伪类选择器。：link选择所有未被访问的链接，：visited选择所有已被访问的，:hover鼠标移动到元素上时，：active点击正在发生时，：focus获得选择焦点时。nth-child(n)可用来把奇偶列分开显示，2n表示偶行，2n+1表示奇行，也可以even或odd表示。
main>ul li:nth-child(2n){
color: red;
}
也可表示第一个nth-child(1)。nth-last-child(n)和nth-child() 的表现非常相似，除了反向操作，从最后一个向开始计算的功能，li:nth-last-child(-n+5)来表示选择最后5个元素，nth-of-type() 与nth-child()效果一样，但是还是有区别的，nth-of-type(n)是指父元素下第n个ele元素，而ele:nth-child(n)是指父元素下第n个元素且这个元素为ele，若不是，则选择失败。not(selector)为排除你选择的元素。
ul li:not(:nth-child(1)) {
background: red;
}
权重问题为：ID–0100，class，类属性值–0010，标签,伪元素–0001，*–0000，行内样式–1000。
- 三，
120
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
