问题：

在HTML中引入css的其中的两个方法：

导入式和链接式的目的都是将一个独立的css文件引入一个文件中，二者的区别不大，事实上，二者最大的区别在于链接式使用html的标记引入外部css文件，而使用导入式则是使用css规则引入外部css文件。因此它们的语法也不同。

1.如果使用链接式，需要使用如下的语句引入外部css文件：

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

2.如果使用导入式，则需要使用如下语句：

````此外，采用这两种方式后的现实效果也略有区别。使用链接式时，会在装载页面主体部分
之前装载css文件，这样现实出来的页面从一开始就是带有样式效果的，而使用导入式时，会在整个页面装载完成之后再装载css文件，对于有的浏览器来说，
在一些情况下，如果页面文件的体积比较大，则会出现先现实无样式的页面，闪烁一下之后再出现设置样式的效果。从浏览者的感受来说，这是使用导入式的一个缺
陷。

````对于一个较大的网站，为了便于维护，可能会希望把所有的css样式分别放在几个
css文件中，这样如果使用链接式引入，就需要几个语句分别导入css文件。如果要调整css文件的分类，就需要同时调整html文件。这对于维护工作来
说，是一个缺陷。如果使用导入式，则可以只引进一个总的css文件，在这个文件中再导入其他独立的css文件；而链接式则不具备这个特征。

````因此这里给大家的建议是，如果仅引入一个css文件，则使用链接方式；如果需要引入多个css文件，则首先用链接式引入一个“目录”css文件，这个“目录”css文件中再使用导入式引入其他css文件。

````但是如果希望通过JavaScript来动态决定引入哪个css文件，则必须使用链接方式才能实现。

如何将多个CSS文件导入到一个CSS文件中？

答案：

你可以写了三个css样式表
css_red.css ，
css_blue.css ， css_green.css
这样你就可以写一个主样式
style.css 把三个样式表都装进去：
@import "css_red.css";
@import "css_blue.css";
@import "css_green.css";

调用的时候只调用
style.css 就行了。

具体代码:

<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>字体属性</title>

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

<body>
<p
class="red">红色</p>

<p
class="blue">蓝色</p>

<p
class="green">绿色</p>

</body>
</html>

style.css

@charset "utf-8";

@import "css_red.css";
@import "css_blue.css";
@import "css_green.css";

css_red.css

@charset "utf-8";

.red {
color:red;
}

css_blue.css

@charset "utf-8";

.blue{
color:blue;
}

css_green.css

@charset "utf-8";

.green{
color:green;
}

实际页面效果：

怎样将多个CSS文件导入一个CSS文件中的更多相关文章

如何将dmp文件导入到oracle数据库中
如何将dmp文件导入到oracle数据库中 1.首先,我们可以先建立自己的一个用户表空间,创建表空间的格式如下: CREATE TABLESPACE certification(表空间的名字) DAT ...
使用SQL语句创建数据库1——创建一个数据库文件和一个日志文件的数据库
目的:创建一个数据库文件和一个日志文件的数据库在matser数据库下新建查询,输入的命令如下: USE master——指向当前使用的数据库.创建数据库实际上是向master数据库中增加一条数据库信 ...
thinkphp 使每一个模板页都包括一个header文件和一个footer文件
在开发的过程中,常常遇到要使每一个模板页都包括一个header文件和一个footer文件.thinkPHP的模板布局为我们提供了一个叫全局配置方式可以解决问题. 1. 在配置文件里开启LAYOUT_O ...
将CSV格式或者EXCEL格式的文件导入到HIVE数据仓库中
学习内容:数据导入,要求将CSV格式或者EXCEL格式的文件导入到HIVE数据仓库中: ①hive建表:test1 create table test1 (InvoiceNo String, Stoc ...
Navicate for mysql如何导入一个sql文件
我在做的项目是宜立方商城的项目,现在需要把见表的sql文件导入到navicate中去,步骤如下: ①新建一个数据库,如下: ②在数据库名字上右键,选择运行sql文件 ③选择如下sql文件 ④刷新之后:
.m文件导入C++头文件带来的错误
这几天的工作挖了不少的坑.遇到了各种千奇百怪的错误,如今好好总结一下. 新建一个project,然后新建HelloCPP.h,HelloCPP.cpp文件.HelloCPP.h文件内容例如以下: #i ...
使用pyinstaller打包多个py文件为一个EXE文件
1. 安装pyinstaller. pip install pyinstaller !!!!64位win7上打包后始终不能用,提示找不到ldap模块,换了32位win7就好了.!!!!(代码中涉及ld ...
使用ILMerge将所有引用的DLL和exe文件打成一个exe文件
今天做了一个IM自动更新的软件,里面牵扯到了文件的解压和接口签名加密,使用了2个第三方的dll,想发布的时候才发现调用的类没几个,就像把它们都跟EXE文件打包在一起,以后复制去别的地方用也方便,于是上 ...
windows 批处理把所有java源码导入一个txt文件中
首先在src下搜*.java,把搜到的文件全拷出来放在allsrc目录下, 然后在allsrc目录下建个run.bat,键入以下内容for %%i in (*.java) do type %%i&g ...

随机推荐

jQuery实现锚点平滑定位
一般的锚点,就是点击一个按钮或者其他元素可以实现定位效果,当然可以使用锚点实现,但是这个不够美观,没有平滑的动画过渡效果,下面就通过代码实例介绍一下利用jquery实现平滑的定位效果. <!DO ...
IOS对.Net返回的Base64string解析问题
1.c#生成Base64字符串的代码 string body = "{\"title\":\"上次CVR卡其\",\"url\": ...
关于Xcode7中添加不了libresolv.dylib等类似库的问题
Xcode7中,由于某些机制,使得我们在添加类似于 libresolv.dylib.libz.dylib等库的时候,直接在Build Phases中点击加号添加,似乎已经无法找到相应的库.此时,我们可 ...
d3 API scale
比例尺有很多种类型,每一种类型都有各自的方法. 常用的是linear log oridinal linear .rangeRound(): 输出的值四舍五入 .copy():返回一个独立的副本 .t ...
获取edit焦点，打开和关闭软键盘
打开: et_search.requestFocus(); et_search.setFocusable(true); et_search.setFocusableInTouchMode(true); ...
MFC学习随笔（1）
最近在学习用MFC编写一个简单的界面.其实MFC并不是十分复杂的,经过一段时间的熟悉就可以实现许多基础功能.但是在编写的过程中,经常会遇到林林总总的bug,让人摸不到头脑.今天记录一个过去没有注意过的 ...
Adobe Flash Builder 4.7破解方法(绝对可用)
Flash Builder4.7 破解方法的实践建议:作为草根一级,买不起正版,只能先拿破解版练练手了,如果商业的话,请用正版. 具体步骤如下: 1.到Adobe官网下载FlashBuilder ...
纯练手设置ip地址脚本
#!/bin/bash IFO() { read -p "Configure $line Network card ( 'yes'or'no' )?" CDN </dev/t ...
label正确显示多行数据
label显示多行文字时会遇到文字中包含换行符“\n”,这时需要对字符进行全部替换, if(labelContent.indexOf('\\n')>0){labelContent=labelCo ...
java - Stack栈和Heap堆的区别
首先分清楚Stack,Heap的中文翻译:Stack—栈,Heap—堆. 在中文里,Stack可以翻译为“堆栈”,所以我直接查找了计算机术语里面堆和栈开头的词语: 堆存储 ...

怎样将多个CSS文件导入一个CSS文件中

问题：