CSS引入
- link引入—在html中用这样一行代码引入css文件
<link rel="stylesheet" href="css的地址">
- 把CSS放进style标签里
- 使用@import 引入CSS文件
放在style标签或CSS代码里
@import是一个CSS语法,必须放在CSS代码(如style标签里面
@import url(文件地址)
- 使用style属性,把CSS代码放进行内标签里面
<p style="color:blue;"></p>
link和@import引入CSS有何区别?
CSS书写规范
/*这是css注释的写法*/
CSS选择器
- 标签选择器
如body标签、a标签
全局生效,覆盖范围广,尽量少直接使用
- id选择器,用于选中一个拥有特定id的元素
- class(类)选择器,用于选中一组拥有特定class的元素
- 伪类选择器,用于选择处于特定状态的元素
- 伪元素选择器,给原色内部(开头::before,结尾::after)添加内容
- 属性选择器
[attr] 选择包含 attr 属性的所以元素,不论 attr 的值是什么
- 组合选择器: A B, A>B,AB,A,B,A+B,A~B
A和B分别代表任一种单一选择器,A和B之间有空格
A B分别代表A内部的所有的B
AB:代表既是A又是B的元素
A,B:分别选中A和B
A+B:选中
A~B: