CSS 参考手册
CSS 参考手册
CSS(Cascading Style Sheets,层叠样式表)是一种用于描述文档样式的语言,它可以控制文档的布局、字体、颜色、大小和其它视觉方面的表现。本手册主要介绍了CSS中的基本属性,以及它们的取值和用法。
基本语法
CSS的基本语法为“属性:值;”,多个属性之间用分号隔开。如下示例:
p {
color: red;
font-size: 14px;
}
其中“p”为选择器,表示对p元素应用样式,“color”和“font-size”为属性名,表明需要设置的元素的颜色和字体大小,“red”和“14px”为属性值。
常用属性
CSS属性按照功能可以分为布局属性、文本属性、背景属性等。下面列举一些常用的属性。
布局属性
- width:设置元素宽度。
- height:设置元素高度。
- margin:设置元素外边距。
- padding:设置元素内边距。
- float:设置元素浮动方向。
- display:设置元素显示方式。
文本属性
- color:设置文字颜色。
- font-size:设置字体大小。
- font-family:设置字体。
- text-align:设置文本对齐方式。
- line-height:设置行高。
- text-decoration:设置下划线、删除线等。
背景属性
- background-color:设置背景颜色。
- background-image:设置背景图片。
- background-repeat:设置背景图片重复方式。
- background-position:设置背景图片位置。
取值范围
CSS属性的取值范围比较广泛,根据属性的不同可以是长度、百分比、颜色值、字体类别、字符串、URL等。下面列举一些常见的取值范围。
- 长度单位:px、em、rem等。
- 颜色值:单词、RGB、十六进制等。
- 字体类别:serif、sans-serif、monospace等。
- 显示方式:block、inline、inline-block等。
选择器
选择器是指定样式应用的对象,它可以是HTML元素、CSS类或ID等。下面列举一些常见的选择器。
- 元素选择器:选择指定类型的HTML元素,如“p”、“ul”、“div”等。
- 类选择器:选择所有使用指定类名的HTML元素,以“.”号为前缀,如“.clearfix”表示所有class为“clearfix”的元素。
- ID选择器:选择某个指定ID的HTML元素,以“#”号为前缀,如“#header”表示ID为“header”的元素。
样式优先级
在CSS中,样式优先级按照以下顺序排序:
- !important
- 行内样式(style属性)
- ID选择器
- 类选择器、属性选择器和伪类选择器
- 元素选择器和伪元素选择器
当样式规则应用于具有相同优先级的多个元素时,后定义的规则会覆盖先定义的规则。
总结
CSS是一门强大的样式语言,它可以让网页实现各种各样的效果。本手册列举了CSS中一些重要的基本属性和常见的选择器,以及它们的用法和取值范围。要想编写出优雅、简洁、高效的CSS代码,还需要不断学习、实践和积累。