CSS样式
<head>
<!-- 链接外部css样式文件 -->
<link rel="stylesheet" href="css/style.css"/>
<style>
<!-- HTML标记定义 -->
p{color:yellow;}
<!-- Class定义 -->
.p1{color:yellow;}
<!-- ID定义 -->
#p2{color:yellow;}
<!-- 组合选择器 -->
h1,h2,h3,p,.p11,#p12{color:red;}
<!-- 伪元素选择器 -->
a:link{color:red;}
a:hover{color:green;}
a:active{color:yellow;}
a:visited{color:yellow;}
</style>
</head>
<body>略</body>
优先级 : ID > Class > HTML
①HTML标记定义
举例:
<p>内容</p>
p{
color:yellow;
属性:属性值;
}
②Class定义
举例:
<p class="p1">内容</p>
.p1{
color:yellow;
属性:属性值;
}
③ID定义
举例:
<p id="p2">内容</p>
#p2{
color:blue;
属性:属性值;
}
小技巧 :
ID只能用一次,Class可以无限次使用;
所以只有一个独立样式的元素适合用id,而有多个元素拥有同样的样式的话适合使用class;