引用外部css文件有几种写法?

每种方法也写下语法上如何引用!详细!... 每种方法也写下语法上如何引用!详细! 展开
 我来答
scott
推荐于2016-08-29 · 知道合伙人互联网行家
scott
知道合伙人互联网行家
采纳数:150 获赞数:3883
前端开发行业多年从业经验,专业前端开发工程师

向TA提问 私信TA
展开全部

目前有两种引用方式,一种是通过在head里面的link来引用,另外一种是直接通过import来引用,示例代码如下:


第一种:link引用

<link rel="stylesheet" href="/css/mycss.css" />

第二种:@import引用

<style type="text/css">
@import url(/css/mycss.css)
</style

link和import语法结构不同,前者<link>是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。


import在html使用时候需要<style type="text/css">标签,同时可以直接“@import url(CSS文件路径地址);”放入css文件或css代码里引入其它css文件。


本质上两者使用选择区别不大,但为了软件中编辑布局网页html代码,一般使用link较多,也推荐使用link。

匿名用户
推荐于2018-03-04
展开全部
两种. 楼上的第一种不是引用.1. link标签:<link rel="stylesheet" type="text/css" href="style.css">2. css标签@import:@import url(style.css);
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2013-04-27
展开全部
两种、第一种:嵌入样式单<style type="text/css">
<!--
h2 { font-family: "宋体"; font-size: 12pt; font-style: italic; color: #FF0033; background-color: #FFCCCC}
h1 { font-family: "Arial"; font-size: 12pt; color: #66FF66}
-->
</style>
注意,这是写在<head></head>标签里面的。第二种:外部链接在<HEAD>区内使用<LINK>标签(注意:不再是<style>标签了):

<HTML>
<HEAD>
<LINK REL=stylesheet HREF="你的css文件地址(可以用绝对路径(盘符/文件夹/文件名.css或者相对路径../文件名.css))" TYPE="text/css">
</HEAD>
<body>
<h2>你好!朋友,欢迎光临。</h2>
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式