h1 {color:blue;font-size:12px}
每个样式属性以分号结尾
id和class
在HTML元素中设置CSS样式，需要在元素中设置id和class选择器
id选择器
id选择器以#来定义
<!DOCTYPE html>
<html lang="en" xmlns:v-binf="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#para {
text-align: center;
color: brown;
}
</style>
</head>
<body>
<div>
<p id="para">Hello,World!</p>
<p>这个段落不受影响</p>
</div>
</body>
</html>
class选择器
class用于选择一组元素的样式，class可以在多个元素中使用，即多个元素的class名可以相同；
class选择器以一个"."来表示；
<!DOCTYPE html>
<html lang="en" xmlns:v-binf="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.para {
text-align: center;
color: brown;
}
</style>
</head>
<body>
<div>
<p class="para">Hello,World!</p>
<p class="para">这个段落不受影响</p>
</div>
</body>
</html>
样式优先级
内联样式>内部样式>外部样式>浏览器内部样式
84
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
