CSS的基本语句构成主要由选择器和声明块组成,其中声明块又包含属性和属性值。具体来说:
- 选择器:选择器用于指定要应用样式的HTML元素。它可以是元素选择器、类选择器、ID选择器、属性选择器、伪类选择器等。例如,
p
是一个元素选择器,它选择所有的<p>
元素;.highlight
是一个类选择器,它选择所有具有class="highlight"
属性的元素;#header
是一个ID选择器,它选择具有id="header"
属性的元素。 - 声明块:声明块由一对花括号(
{}
)包围,其中包含一个或多个属性和属性值的声明。每个声明由属性和属性值组成,以冒号(:
)分隔,并以分号(;
)结束。例如,在p { color: blue; font-size: 16px; }
中,color: blue
和font-size: 16px
都是声明,其中color
和font-size
是属性,blue
和16px
是对应的属性值。
综上所述,CSS的基本语句构成可以归纳为:选择器 { 属性1: 属性值1; 属性2: 属性值2; ... }。这种结构使得CSS能够灵活地为HTML元素应用各种样式。
为了更直观地理解,以下是一个具体的例子:
/* 这是一个CSS规则,用于设置p元素的样式 */
p {
/* 这是一个声明,设置文本颜色为蓝色 */
color: blue;
/* 这是另一个声明,设置字体大小为16像素 */
font-size: 16px;
}
在这个例子中,p
是选择器,它选择了所有的<p>
元素。大括号内的部分是声明块,其中包含两个声明:color: blue
和font-size: 16px
。这两个声明分别设置了<p>
元素的文本颜色和字体大小。