.red {} <div class="red">这是 div 标签</div>
一个类选择器可以供多个标签使用
一个标签可以使用多个类名,类名之间用空格隔开
开发习惯:类名见名知意,多个单词可以用 - 连接,例如:news-hd。
4.id选择器:id 选择器一般配合 JavaScript 使用,很少用来设置 CSS 样式
-
定义 id 选择器 → #id名
-
使用 id 选择器 → 标签添加 id= "id名"
-
同一个 id 选择器在一个页面只能使用一次。
5. 通配符选择器
作用:查找页面所有标签,设置相同样式。
通配符选择器: *,不需要调用,浏览器自动查找页面所有标签,设置相同的样式
* {
color: red;
}
用于清除标签的默认样式,例如:标签默认的外边距、内边距:
*{
margin:0;
padding:0;
}
6.宽度:width:100px;
高度:height:100px;
背景色:background-color
字体大小:font-size: px
字体倾斜:font-style:italic normal(正常)
字体粗细:font-weight:400(正常) 700(加粗)
行高: