网页中 在代码原文件中为什么不直接显示css代码 而需要外部链接
3个回答
展开全部
你好。这个问题说起来内容可能比较多,我来试着回答一下。
CSS按其放置的位置和形式可以分成三种:
* 内联样式(Inline Style)
* 内部样式表(Internal Style Sheet)
* 外部样式表(External Style Sheet)
能在网页源代码中看到CSS文件的是内联样式和内部样式表,而带外部链接的则是外部样式表。
***内联样式是写在标签里面的,它只针对自己所在的标签起作用。
<p style="font-size:14px;color:red;">这个style定义段落中的字体是12像素的红色字</p>
***内部样式表是写在<head></head>里面的,它只针对所在的Html页面有效。
<html>
<head>
<title>无标题文档</title>
<style type="text/css">
<!--
h1.bigone {font-size:16px;color:red;text-align:center;}
-->
</style>
</head>
<body>
<h1 class="bigone">标题文字是16像素红色居中字体。</h1>
<h1>这个标题无样式。</h1>
</body>
</html>
***外部样式表就是这样插入到网页中的
<link href="index.css rel="stylesheet" type="text/css">
index.css中可以写CSS内容。
另外需要注意的是,这几种书写方法的优先级不同。
* 1.浏览器缺省样式表(优先级最低)
* 2.外部样式表
* 3.内部样式表
* 4.内联样式表(优先级最高)
他们的优先级别由高到低依次是:内联样式表、内部样式表、外部样式表、浏览器缺省样式表。
还有问题可用baidu hi联系我
CSS按其放置的位置和形式可以分成三种:
* 内联样式(Inline Style)
* 内部样式表(Internal Style Sheet)
* 外部样式表(External Style Sheet)
能在网页源代码中看到CSS文件的是内联样式和内部样式表,而带外部链接的则是外部样式表。
***内联样式是写在标签里面的,它只针对自己所在的标签起作用。
<p style="font-size:14px;color:red;">这个style定义段落中的字体是12像素的红色字</p>
***内部样式表是写在<head></head>里面的,它只针对所在的Html页面有效。
<html>
<head>
<title>无标题文档</title>
<style type="text/css">
<!--
h1.bigone {font-size:16px;color:red;text-align:center;}
-->
</style>
</head>
<body>
<h1 class="bigone">标题文字是16像素红色居中字体。</h1>
<h1>这个标题无样式。</h1>
</body>
</html>
***外部样式表就是这样插入到网页中的
<link href="index.css rel="stylesheet" type="text/css">
index.css中可以写CSS内容。
另外需要注意的是,这几种书写方法的优先级不同。
* 1.浏览器缺省样式表(优先级最低)
* 2.外部样式表
* 3.内部样式表
* 4.内联样式表(优先级最高)
他们的优先级别由高到低依次是:内联样式表、内部样式表、外部样式表、浏览器缺省样式表。
还有问题可用baidu hi联系我
展开全部
当所有页面调用同一个样式表文件,那么修改这一个样式表文件,可以改变所有文件的样式。
外部加载CSS的好处不仅是修改全局样式很方便,而且会使用户的浏览速度加快。用户第一次打开链接了样式表的页面后,样式表会自动下载到本地缓存当中。当用户再打开另一个页面,而这个页面如果也链接了同样的样式表的时候,会从缓存中读取相关的文件,这样就会加快浏览的速度。
外部加载CSS的好处不仅是修改全局样式很方便,而且会使用户的浏览速度加快。用户第一次打开链接了样式表的页面后,样式表会自动下载到本地缓存当中。当用户再打开另一个页面,而这个页面如果也链接了同样的样式表的时候,会从缓存中读取相关的文件,这样就会加快浏览的速度。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
外部链接导入css可以减小网页的体积,加快网页的加载速度。对用户而言可以更快的访问网站。对网站管理者来说一来可以有利于SEO,二来方便网页的修改
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询