p { color: blue; font-size: 18px; margin: 10px; }
在上面的代码中,p 表示要为段落元素添加样式,{ } 内的属性和值确定了样式,color 设置了文本颜色为蓝色,font-size 设置了字体大小为 18 像素,margin 则是在每个段落周围添加了 10 像素的外边距。
CSS 样式表中常用的标签还有:
h1 { font-size: 32px; } a { text-decoration: none; color: #FF0000; } img { border: 1px solid #CCCCCC; }
这些例子中,h1 设置了一级标题的样式,a 设置了链接文本的样式,包括去除默认下划线和设置连接颜色,img 则添加了一个像素宽的实线边框。
CSS 样式表的使用可以让网页充满美感,使得网页设计更加精美。但是需要注意的是,在添加样式时应该避免过多的样式代码和使用复杂的层叠样式表(CSS)。