CSS 7 种基础的选择器(内嵌样式):
- ID 选择器, 如 #id{}
- 类选择器, 如 .class{}
- 属性选择器, 如 a[href=“segmentfault.com”]{}
- 伪类选择器, 如 :hover{}
- 伪元素选择器, 如 ::before{}
- 标签选择器, 如 span{}
- 通配选择器, 如 *{}
<head>
<style type="text/CSS">
选择器{
属性1:属性值1;
属性2:属性值2;
属性3:属性值3;
}
</style>
</head>
<Style>
div{
colr:red;
font-size:20px;
}
</style>
内嵌样式优先级关系: ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器
行内式(内联样式)
<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;">内容</标签名>
外部样式(外链式)
<head>
<link rel="stylesheet" type="text/css" href="css文件路径"/>
</head>
!important关键字>行内式(内联样式)>内嵌样式表>外部样式表