一、在外部引入css文件
<link rel="stylesheet" type="text/css" href="/.css">
注意:link和import的区别:
- link 是HTML标签
- import是css的一种方式
- link和页面一起加载
- import浏览器不支持
二、选择器
1、标签选择器
2、类选择器
.加类名 可以多个{}
3、id选择器
#id名{}
4、通配符*{}
5、后代选择器
父 子 { } (表示父代下的所有子代)
父>子 { } (表示父代的下一个子代)
6、伪类选择器
标签:link{} 原本的样式
标签:visited{} 访问之后(点击之后)的样式
标签:hover{} 鼠标移上去的变化
标签:active{} 鼠标点下之后的变化
7、选择器的权重
id>class>标签
嵌套三层>嵌套两层