html中怎么调用多个css文件调用后在html中怎么用（就是怎么分别使用不同的css里面的样式）

如题所述

举报该文章

相关建议 2011-11-23

CSS按其放置位置和形式可以分成三种：* 内联样式(Inline Style)* 内部样式表(Internal Style Sheet)* 外部样式表(External Style Sheet)内联样式内联样式是写在标签里面的，它只针对自己所在的标签起作用。<p style="font-size:14px;color:red;">这个style定义段落中的字体是12像素的红色字</p>内部样式表内部样式表是写在<head></head>里面的，它只针对所在的Html页面有效。<html><head><title>无标题文档</title><style type="text/css"></style></head><body><h1 class="bigone">标题文字是16像素红色居中字体。</h1><h1>这个标题无样式。</h1></body></html>大家看到了，内部样式表同样用到style标签，写法：<style type="text/css"></style>外部样式表如果我们需要制作很多网页，而且页面结构十分复杂，并且多个页面中要利用重复的样式，那么把CSS放在网页中可不是一个好方法。我们可以把所有的样式存放在一个以.css为结尾的文件里，然后将这个CSS文件链接到各个网页中。比如我们制作了一个首页，把它的样式表文件命名为index.css。方法是将下面的CSS代码复制到记事本中保存，然后将文本文档的扩展名.txt修改为.css即可。.h1.bigone {font-size:16px;color:red;text-align:center;}在新建的网页中这样写：<html><head><title>无标题文档</title><link href="index.css rel="stylesheet" type="text/css"></head><body><h1 class="bigone">标题文字是16像素红色居中字体。</h1><h1>这个标题无样式。</h1></body></html>三种方法已经简单介绍给大家，我的文章以后会以外部样式表为例，因为它是目前网页制作最常用、最易用的方式，总结它的优点就是：* 1.多个样式可以重复利用；* 2.多个网页可共用同一个CSS文件；* 3.修改、维护简单，只需要修改一个CSS文件就可更改所有地方的样式，不需要修改页面代码；* 4.减少页面代码，提高网页加载速度， CSS驻留在缓存里，在打开同一个网站时由于已经提前加载则不需要再次加载；* 5.适合所有浏览器，兼容性好。

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/8sv8q87v8.html

其他看法

第1个回答推荐于2017-11-24

调用多个CSS文件？
<link href="../Styles/css.css" rel="stylesheet">
<link href="../Styles/css2.css" rel="stylesheet">
<link href="../Styles/css3.css" rel="stylesheet">
html中怎么用？
按权重。。后者中如果有前者里一样的类。就会被后者复盖

如果你是要分别调用，类以换肤之来的。需要用JS。去修改LINK里FREF里的值。本回答被提问者采纳

第2个回答 2011-11-23

分别调用的话需要用js 判断

第3个回答 2011-11-23

相似回答

大家正在搜

html中怎么调用多个css文件 调用后在html中怎么用（就是怎么分别使用不同的css里面的样式）

html中怎么调用多个css文件调用后在html中怎么用（就是怎么分别使用不同的css里面的样式）