/* 以下是CSS样式声明语法的构成 */ selector { property: value; } /* 选择器:表示哪些元素应该应用该样式 */ /* 属性:要设置的样式属性 */ /* 值:应用于属性的值 */
CSS样式声明语法中,选择器用于定位文档中的元素,可以根据元素的标签名、类名、ID等进行选择。例如:
h1 { color: red; } .intro { font-size: 20px; } #header { background-color: gray; }
上述代码中的h1、.intro和#header都是选择器。分别表示应用样式的元素是所有的
元素、所有class为intro的元素和ID为header的元素。这些选择器帮助大家精准地选择文档中需要应用样式的元素。
接下来是属性,它指定了要改变哪些外观或排版特征。CSS支持各种不同的属性,如字体、颜色、边框、宽度、高度等等。属性名可以是简写形式(如font代表font-size、font-family和font-weight),也可以是全称(如border-radius)。
最后是值,它是应用于属性的具体值。值可以是字面值(如color: red),也可以是计算式(如width: 50%)。不同的属性接受不同的值,因此熟悉各种属性的值是编写有效CSS样式的关键。