CSS(层叠样式表)是用于控制网页样式的一种技术。 它控制页面的视觉效果,包括布局,颜色,字体和其他元素。以下是一些 CSS 样式的基本知识。
p { color: blue; font-size: 18px; line-height: 1.5; }
在上面的代码段中,
<p>是选择器,它指定了将应用样式的元素。 当前选择器应用于所有
<p>元素。在花括号中定义了三条样式规则 - 颜色,字体大小和行高。颜色规则将文本颜色设置为蓝色,字体大小规则设置为 18 像素,行高规则设置为 1.5。
CSS 允许你按照选择器类型来定义样式,例如 HTML 元素,类和 ID。您可以使用多个选择器来定义样式。
p, h1, .myClass { color: blue; font-size: 18px; line-height: 1.5; }
上面的代码片段将
<p>、
<h1>和所有拥有
class="myClass"的元素的文本颜色,字体大小和行高都设置为相同的值。
您可以将 CSS 样式放在一个外部样式表中,以在整个站点中重复使用。 您也可以在 HTML 文档的顶部使用样式标签来内联定义 CSS 样式。
<head> <style> p { color: blue; font-size: 18px; line-height: 1.5; } </style> </head>
上面的代码将 CSS 样式内联到 HTML 文档中,其中选择器为
<p>,样式规则与前面的示例相同。
如您所见,CSS 样式有很多选项和设置。 学习基础知识并练习使用不同的属性可以帮助你更好地掌握 CSS 样式。