为单个元素定义CSS样式的方法非常简单。可以使用id属性为元素命名,并将CSS样式直接应用于该id。
#myElement { color: red; font-size: 16px; }
在上面的示例中,大家为具有id为“myElement”的元素定义了一个样式。可以将此样式放在标记之间的标记内,或在将CSS文件与HTML链接时将其放在独立的CSS文件中。
如果想为某一类型的元素应用样式,例如所有的段落或标题,可以使用标签选择器或类选择器。标签选择器使用标记名称设置样式,而类选择器使用类名设置样式。
p { color: blue; font-size: 14px; } .myClass { background-color: yellow; border: 1px solid black; }
在上面的示例中,大家为所有段落设置了一个样式,并为具有类名“myClass”的元素定义了一个样式。类选择器以“.”开头,后跟类名。
总的来说,为单个元素设置CSS样式非常简单,只需要为该元素命名并直接为其应用CSS样式。要为一组元素应用样式,请使用标签选择器或类选择器。