css基础知识--四种样式表及六种选择器
div：division。理解为一个盆，里面可以放很多盘子。即
注意：
标签之间不能嵌套div标签。通常将p标签放于div标签内1、内联式样式表:在标签内部写样式代码。方便但不灵活
2、嵌入式样式表：一般在head标签内。以这种方式，可以控制整个网页里的某个标签的样式
3、处部样式表：单独将样式定义成一个文件，然后在需要引用样式的文件内调用样式文件。可供所有需要的文件引用，减少重复性工作
一般在head标签内写上：
4、输入样式表:在一个css文件中引入另一个css文件。比如：
在a.css文件中写上@import url(b.css); 表示在a.css文件中引入b.css 文件中的样式。
可以理解为级联引用
样式规则的选择器(大括号前面)：
一、html selector:直接在大括号前写html的标签。
格式p {...}
p标签的选择器样式应用
二、class selector:在标签中定义class属性（class的属性值可以重复），然后在样式中引用class属性的值。
格式： p.one{...}
p.two{...}
aaaaaaaaaa
bbbbbbbbbbb
如果写成： .one{...}
.two{...}
bbbbbbbbbbb
表示任何标签内，class属性的值为one或two 的，都可以应用对应的样式
三、id selector:在标签中定义id属性(每个标签都可以有id属性，但一个页面中的id值必须唯一)，然后在样式中引用id属性的值。一般
应用于单位个标签中。
格式：#a{...}
#b{...}
#c{...}
#d{...}
aaaaaaaaa
bbbbbbbbb
ccccccccccc
dddddddd
四、关联选择器：说白了就是嵌套使用，用空格分开。也可以延伸到class属性的嵌套。
格式：div p em{...} //最普通的标签嵌套方式
test biaoqian qiantao
格式： .one .two em{...} //(类选择器方式的关联选择器)
test class qiaotao
当然，下面写义也可以(延伸到id属性的情况)
格式：#one .two em{...}
test class qiaotao
五、组合选择器:大括号前写多种标签并以逗号隔开。
格式：p,div,a,h1,#two,.one{...} //多个标签以逗号隔开
test1
test3
test4
- test5
六、伪元素选择器:对同一个标签的不同状态使用样式。如a 和p标签
格式： a:link{...} //链接状态
a:hover{...} //鼠标放上去状态
a:visited{...} //访问过的状态
上述方式，会使所有的a标签的样式都一样。
如何做到不同的链接，样式不一样呢？用伪元素与类同时使用的方法：
格式： a.one:link{...}
a.two:hover{...}
a.three:visited{...}
https://www.360docs.net/doc/c718782450.html,