CSS 外部样式

CSS 外部样式
最新回答
紫夜雪舞

2026-10-17 12:44:56

外部样式是一种CSS引入方式,它将CSS代码保存于单独文件,扩展名为.css,通过HTML页面引入。HTML文件引入外部样式表有两种:链接式和导入式。

链接式是将CSS文件通过``标签引入HTML文件中,标签需放置在``内。一个HTML页面可引入多个CSS文件,一个CSS文件亦可被多个HTML页面使用。

链接式CSS引入的语法为:

其中`rel="stylesheet"`表示页面使用此外部样式表,`type="text/css"`表示文件类型为样式表文本,`href`属性指定CSS文件路径。

使用链接式引入CSS,实现了结构与样式分离,一个CSS文件可应用于多个HTML页面。修改CSS文件样式时,所有引用此文件的页面样式随之改变。

示例中,创建`index.css`文件保存CSS代码,HTML文件通过``标签引入此文件,浏览器演示效果显示与内嵌样式示例相同,CSS部分独立为文件。

链接式在减少代码书写与维护工作上突出,是常用的CSS引入方法。

导入式则通过`@import`规则引入外部样式表,导入语句需置于`