CSS 也即层叠样式表,是一种常用于定义 HTML 文件外观的样式语言,其中最重要的特性就是“层叠” - 即多个样式规则可以同时应用到同一个元素上,并按照一定规则进行合并与冲突解决。而为了将样式表中的样式规则应用到 HTML 文件中,我们需要使用一些引用方式来实现。
在 HTML 文件中,我们可以使用 <link> 标签来引用一个外部的 CSS 样式表,如下所示:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
上述代码中的 <link> 标签定义了一种外部样式表,其 rel 属性指定其类型为样式表,type 属性指定其文件类型为 text/css,而 href 属性则指定其文件名为 style.css,即样式表所在的文件。
另外,在 HTML 文件中,我们也可以使用 <style> 标签来定义页面内的样式表,如下所示:
<head> <style> p { color: red; } </style> </head>
上述代码中的 <style> 标签定义了一种页面内样式表,其中 p 为选择器,而 color 为样式属性,将其设定为红色。
最后,我们还可以使用内联样式来针对单个元素设置样式,如下所示:
<p style="color: blue;">这是一段蓝色文字</p>
上述代码中,在 <p> 标签内部使用 style 属性来定义蓝色文字的样式。
以上即为常见的 CSS 样式表引用方式,具体应根据实际情况来选择最适合的引用方式。