在HTML中引入外部样式表主要有以下几种方法:
使用`ink>`标签
语法:`
说明:将CSS样式表链接到HTML文档中。`href`属性指定外部样式表的路径,可以是相对路径或绝对路径。`rel`属性定义文档与外部资源的关系,这里表示关联的是样式表。`type`属性定义文档类型,这里是CSS样式表。
使用`@import`规则
语法:`@import url("css文件路径");`
说明:在CSS样式表内部使用`@import`规则导入另一个样式表。这种方法可以将样式表分割成多个文件,便于管理和维护。需要注意的是,`@import`语句必须放在CSS样式表内部,并且行末必须有分号。
示例
假设我们有一个名为`styles.css`的外部样式表文件,内容如下:
css
body {
font-family: Arial, sans-serif;
background-color: f0f0f0;
}
h1 {
color: 333;
}
p {
color: 666;
font-size: 16px;
}
我们可以通过以下方式在HTML文件中引入这个样式表:
使用`ink>`标签
html
This is a paragraph.Welcome to My Page


