css的引入方式与选择器种类
1. css的三种引入方式
内联式,嵌入式,外部式。 其中外部式最优
内联式不易维护,代码无法重用
嵌入式代码不能被多个文件重用
2. css常用选择器
语法:
选择符{
属性:值
}
作用:选中页面中对应的标签,设置对应的样式
- 基础选择器
+ 标签选择器
* 对页面中相同的元素,设置共同的属性
+ id选择器
* 任何的元素都可以设置id
* id是唯一的,表示选中的是有特性的元素
+ 类选择器
* 任何元素都可以设置类
* 一个元素中可以设置多个类
* 一定要有“归类,公共类的概念”。选中页面的元素,设置相同的属性
- 高级选择器
+ 后代选择器 (爸爸的儿子,孙子。。。)
* div p{}
+ 子代选择器
* div>p{}
+ 组合选择器
* 选择器1,选择器2,选择器3{}
+ 交集选择器
* div.p{}
+ 伪类选择器
* a标签
-爱恨准则 LoVe HAte
a:link{} 标签的原始属性
a:visited{} 访问过后的标签
a:hover{} 悬停在标签上的时候
a:activate{} 按住标签的时候
hover可以应用于任何的元素