CSS的基础结构主要由三部分组成:选择器、属性和值。
选择器:选择器是用来指定哪些HTML元素将被格式化的模式。常见的选择器包括元素选择器(如
h1
、p
等)、类选择器(如.classname
)、ID选择器(如#idname
)、属性选择器(如[type='text']
)、伪类选择器(如:hover
)和伪元素选择器(如::before
)等。属性:属性是CSS提供的用来控制元素样式的功能。常见的属性包括
color
(设置文本颜色)、font-size
(设置字体大小)、background-color
(设置背景颜色)、margin
(设置外边距)、padding
(设置内边距)、border
(设置边框)、display
(设置元素的显示类型)、position
(设置元素的定位方式)等。值:值是用来指定属性的具体取值。常见的值包括颜色值(如
red
、#ff0000
、rgb(255,0,0)
等)、长度值(如10px
、2em
等)、关键字(如block
、inline
等)等。
这三部分组合在一起就构成了一个完整的CSS规则。例如:
p {
color: red;
font-size: 14px;
}
在这个例子中,p
是选择器,表示这个规则将应用于所有的<p>
元素;color
和font-size
是属性,分别用来设置文本颜色和字体大小;red
和14px
是值,分别表示颜色为红色,字体大小为14像素。