首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css中如何键入外部样式表

发布于 2024-11-11 19:17:01
0
18

CSS中的外部样式表是一种将CSS代码分离出来并存储在单独文件中的方式。这种方式的优点在于可以让你在多个页面上共享同一个CSS样式表。要在HTML文档中链接一个外部样式表,你需要在HTML文档的标签内...

CSS中的外部样式表是一种将CSS代码分离出来并存储在单独文件中的方式。这种方式的优点在于可以让你在多个页面上共享同一个CSS样式表。

要在HTML文档中链接一个外部样式表,你需要在HTML文档的标签内通过如下代码声明:

<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head> 

这个代码块中,<link>标签被用来声明外部样式表的链接,其中rel属性定义文件的关系为stylesheet,type属性定义文件类型为text/css,href属性定义文件路径为style.css。

一旦你声明的CSS样式表被外部链接,当HTML文档被打开时,所有的样式表都被自动应用到关联的HTML文档中。

需要注意的是,所有的CSS规则都必须写在样式表文件中,而不能在HTML文件中使用style属性定义内联样式。因为内联样式会覆盖外部样式表中的样式规则,从而降低了样式表的优势。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流