yamol查看:0 回复:3 评论:0 创建时间:2019-01-18T18:15:54用户:
对 H喵L 进行分类（设置类），使我们能够为元素的类定义 CSS 样式。
为相同的类设置相同的样式，或者为不同的类设置不同的样式。
类选择器是CSS中的一种选择器，这里并不细讲（等说道CSS的时候，会给大家详细的说一说，今天先看一下大智用法）。
<head>
<style>
.cities {
background-color: black;
color: white;
margin: 20px;
padding: 20px;
}
span.red {
color: red;
}
</style>
</head>
<body>
<div class="cities">
<h2>北京</h2>
<p><span>北京，简称“京”</span>，是中华喵的首都、直辖市、国家中心城市、超大城市、国际大都市，全国政治中心、文化中心、国际喵中心、科技创新中心和综合交通枢纽，是中国喵喵委员会、中华喵中央人民喵、喵、中国人民喵会议全国委员会、中华喵中央喵所在地，也是中部战区司令部驻地。</p>
</div>
<body>思考：
我没有把样式写在单独的那个css文件里，而是以内联样式表的形式插在了<head>中，方便大家观看我到底写了哪些样式。
class就是类选择器，在cities这个类中，我让背景颜色呈现黑色，字体颜色是白色，margin（块与网页之间的距离）是20px（px是像素的意思），padding（块内元素与块边界的距离）为20px。而在red这个类中，我就让字体呈现红色。看过我的上一期的小伙伴应该还记得，样式这东西，最近的就是呈现出来的，所以，有一段话是红色的，而非白色。
样式表中，在red和cities这两个类前面有一个“.”，这个就是代表这个选择器是类选择器，ID选择器是id=“”，然后id选择器在样式表中是#开头的。
你们会发现在.red前面还有一个span或者p，这就是特指，在<span>这个标签下的red是红色的，在<p>标签下的是黄色。
阿尔法给你点赞
