本文详细介绍了CSS中的选择器分类，包括简单选择器、组合器选择器、伪类选择器、伪元素选择器和属性选择器。重点讨论了简单选择器的用法，如元素名称、ID和类的选择。接着，文章阐述了CSS定义方法，强调了内外样式表和行内样式的优先级。此外，还讲解了背景设置、边框属性，如border-style、border-width和border-color，以及如何设置圆角边框。最后，讨论了margin的使用，包括外边距合并现象及其规则。
css 选择器
css选择器可以分为5类：
- 简单选择器（根据名称、id、类来选取元素）
- 组合器选择器（根据它们之间的特定关系来选取元素）
- 伪类选择器（根据特定状态选取元素）
- 伪元素选择器（选取元素的一部分并设置其样式）
- 属性选择器（根据属性或属性值来选取元素）
简单选择器
- 根据元素名称选择
p {
text-align: center;
}
- 根据id选择特定元素
#para1 {
color: red;
}
- 类选择器：所有class=类名的html元素使用。类名不能用数字开头。如果是p.center {xxx}就是对class="center"的< p>元素设置格式。类名不能以数字开头。
.center {
color: red;
}
- 通用选择器 * {} 表示会影响一切
- 对选择器分组：下面的例子表示对h1, h2和p设置一样的格式。
h1, h2, p {xxx}
css定义方法
如果内部样式表在外部样式表前，那么还是按外部样式表（按html文件读取顺序）。行内css（style=“xxx”）会将内容和样式混合在一起，还是少用。行内样式的优先级是高于内外样式表的。
<head>
<style>
h1 {
color: orange;
}
</style>
<link rel=
最低0.47元/天 解锁文章
扫一扫
391
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
