引入方式
1、行内式：通过style写在标签里，作用范围小
2、内部样式
<head>
.....
<style>
div{
color:red;
font-size:11px;
}
</style>
</head>
3、外部样式
<head>
.....
<link href="css的路径" rel="stylesheet" >
</head>
基础选择器
1、标签选择器：针对一类标签
2、类选择器：给标签取类名，class=“类名” ，长名称和词组中用“”-“”，class命名可以一样，多类名选择器（类名之间用"，“隔开）
3、id选择器：id=“id名”，调用”#"，id值唯一，id命名不可以相同
4、通配符选择器：*{ } 页面所有元素都被匹配
复合选择器
1、后代选择器（包含选择器）
div .one a { } //选择落在a上
2、子选择器（亲儿子元素）
div p { }
3、并集选择器（用"，"连接）任何标签都可以用，需要用相同的样式
div,p { }
4、兄弟选择器（用"+"连接）只有为兄弟关系的标签可以用，选择落在自身后面的一个兄弟，必须相邻，其余不管
.one+.two { }
5、伪类选择器（用"："）
链接伪类选择器：
a:link {} 给未访问的链接设置样式
a:visited {} 给访问后的链接设置样式
a:hover {} 鼠标移动到链接上时的样式
a:active {} 鼠标按下未弹起时的样式
：focus伪类选择器（光标聚焦在表单时的样式）
input:focus {}
结构伪类选择器
first-child：父元素的第一个元素
last-child：最后一个儿子
nth-child(n)：第n个儿子 （“odd” ：奇数，“even”：偶数）
ul li:first-child {}
nth-of-type(n)：当父元素内有不同类型标签
div p:nth-of-type(n) {} //选择第n个p标签
887
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
