CSS内嵌式是一种在HTML文档内嵌入CSS样式的方式,可以通过类名调用样式,使样式被HTML元素应用。
.className {
property: value;
} 在内嵌式中,.className指的是要应用样式的HTML元素的class属性值。需要注意的是,它前面要加上一个"."(点)符号。该类名也可以同时被多个元素引用。
接下来的大括号内,我们可以编写任意多个属性和值,用“:”符号连接,每个后面必须加上“;”符号。这些属性和值的集合就形成了一个CSS样式。
例如,下面的代码展示了定义一个名称为"redText"的样式,它改变了文字的颜色为红色:
.redText {
color: red;
} 当需要将样式应用到HTML元素时,在该元素的"class"属性中的值指定了我们想要应用的类名。例如:
<div class="redText">这是红色的文字</div>
在以上代码中,<div>元素拥有"class"属性,该属性的值为“redText”,于是渲染的结果就是带有红色字体的文本。