一个 CSS 样式文件通常以 .css 扩展名结尾,并包含一系列 CSS 样式规则。每个样式规则由一个选择器和一组样式声明组成,如下所示:
选择器 { 样式声明1; 样式声明2; ... 样式声明n; }
其中,选择器用于指定要应用样式规则的 HTML 元素,样式声明则是一组由属性和值组成的键值对,用于设置该元素的样式。
以下是一个简单的 CSS 样式文件示例,它将 h1 元素的字体颜色设置为红色,背景色设置为黄色:
h1 { color: red; background-color: yellow; }
注意,CSS 样式文件通常需要在 HTML 文件中进行引用,可以使用 link 标签来引入 CSS 文件,如下所示:
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
在这个示例中,大家使用了 link 标签来引入名为 mystyle.css 的 CSS 样式文件。href 属性指定了 CSS 文件的位置,通常要使用相对路径或绝对路径来指定文件路径。
总之,CSS 样式文件是一种非常方便和实用的方式来组织和管理网页的样式规则,可以使网页开发更加简洁和高效。