如何在css文件中引入css文件

如何在css文件中引入css文件,第1张

在CSS文件中引入CSS文件需要用到 @import 。例如:

@import "sub.css"

使用用@import引入CSS可以很方便的引入外部文件的CSS代码,方便维护和规划。但是每多引入一个CSS文件,就会对服务器增加一次连接请求,当访问量较大时,需在维护性和性能上进行权衡。

CSS是一门指定文档该如何呈现给用户的语言。

一、CSS帮助您将文档信息的内容和如何展现它的细节相分离

创建html文档

创建样式表

在与前面相同的目录中,新建另一个文本文件。该文件将成为您的样式表。请将它命名为:style1.css

在您的CSS文件中,复制、粘贴下面的行,并保存该文件:

二、连接您的文档和样式表

为将您的文档和样式表相连,请编辑您的HTML文件。并添加下面高亮的行:

保存该文件并刷新您的浏览器。该样式表将首字母显示为红色,如下所示:

三、rel=“stylesheet”是什么意思呢 

范例中呈现的是标准HTML <link>标签嵌入css档案的写法,其中「rel="stylesheet" type="text/css"」所代表的意思,就是告诉浏览器要导入一个在外部的css档案,透过href导入名为xxxx.css的样式档案。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12089217.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存