📅  最后修改于: 2023-12-03 15:36:01.063000             🧑  作者: Mango
CSS 是层叠样式表(Cascading Style Sheets)的缩写,它用于控制 HTML 中的页面布局和样式。通过使用 CSS,我们可以将样式信息从 HTML 代码中分离出来,提高了代码的可读性和可维护性。
下面的代码展示了如何创建两个单独的 CSS 规则:
/* CSS 规则1 */
h1 {
color: red;
font-size: 36px;
}
/* CSS 规则2 */
p {
line-height: 1.5;
font-family: Arial, sans-serif;
}
上述代码中,第一个 CSS 规则将所有的 h1 标签的文字颜色设置为红色,并将其字体大小设置为 36 像素。第二个 CSS 规则将所有的 p 标签的行高设置为 1.5 倍,并将其字体设置为 Arial 字体或 sans-serif 字体系列的非衬线字体。
这两个 CSS 规则可以通过在 HTML 中的 head 元素中使用如下代码进行引用:
<head>
<title>My Website</title>
<link rel="stylesheet" href="style.css">
</head>
其中,href 属性指定了包含上述 CSS 规则的样式表文件的路径。这样,所有的 h1 元素和 p 元素都将自动应用上述的样式。