📜  为以下代码创建 2 个单独的 CSS 规则: - CSS (1)

📅  最后修改于: 2023-12-03 15:36:01.063000             🧑  作者: Mango

创建两个单独的 CSS 规则

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 元素都将自动应用上述的样式。