整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
4 种方式可以在 HTML 中引入 CSS。其中有 2 种方式是在 HTML 文件中直接添加 CSS 代码，另外两种是引入 外部 CSS 文件。下面我们就来看看这些方式和它们的优缺点。
内联方式
内联方式指的是直接在 HTML 标签中的 style 属性中添加 CSS。
示例：
<div style="background: red"></div>
这通常是个很糟糕的书写方式，它只能改变当前标签的样式，如果想要多个 <div> 拥有相同的样式，你不得不重复地为每个 <div> 添加相同的样式，如果想要修改一种样式，又不得不修改所有的 style 中的代码。很显然，内联方式引入 CSS 代码会导致 HTML 代码变得冗长，且使得网页难以维护。
嵌入方式
嵌入方式指的是在 HTML 头部中的 <style> 标签下书写 CSS 代码。
示例：
<head>
<style>
.content {
background: red;
}
</style>
</head>
嵌入方式的 CSS 只对当前的网页有效。因为 CSS 代码是在 HTML 文件中，所以会使得代码比较集中，当我们写模板网页时这通常比较有利。因为查看模板代码的人可以一目了然地查看 HTML 结构和 CSS 样式。因为嵌入的 CSS 只对当前页面有效，所以当多个页面需要引入相同的 CSS 代码时，这样写会导致代码冗余，也不利于维护。
链接方式
链接方式指的是使用 HTML 头部的 <head> 标签引入外部的 CSS 文件。
示例：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
这是最常见的也是最推荐的引入 CSS 的方式。使用这种方式，所有的 CSS 代码只存在于单独的 CSS 文件中，所以具有良好的可维护性。并且所有的 CSS 代码只存在于 CSS 文件中，CSS 文件会在第一次加载时引入，以后切换页面时只需加载 HTML 文件即可。
导入方式
导入方式指的是使用 CSS 规则引入外部 CSS 文件。
示例：
<style> @import url(style.css); </style>
比较链接方式和导入方式
链接方式（下面用 link 代替）和导入方式（下面用 @import 代替）都是引入外部的 CSS 文件的方式，下面我们来比较这两种方式，并且说明为什么不推荐使用 @import。
小结：我们应尽量使用 <link> 标签导入外部 CSS 文件，避免或者少用使用其他三种方式。
插电混动汽车，作为纯电技术与传统燃油技术的结合，这项技术旨在为用户提供更多样的驾驶选择与用车场景、还可以提供纯电驾驶的体验。但当电量耗尽，车辆的行驶性能和油耗会发生怎样的变化？这种差异是否会影响用户的驾驶体验和经济效益呢？结合广汽本田第五届极限挑战中，插电混动旗舰双子星的成绩，分享你的看法？
在新能源车中，插电混动车是一个独特的存在，他不同于纯电动汽车，跟燃油车也有一定的区别，那么插电混动汽车有哪些优点和缺点。
插电混动汽车有三大优点：
1、没有续航焦虑。
纯电动汽车有续航焦虑，只适合在城市中行驶，在高速上比较少见，这是因为高速公路上的充电桩比较少，而且还不发达，纯电动车跑高速总是担心没电了，跑长途也是如此，车主就会很焦虑。
插电混动汽车一般是两套动力系统，一套是燃油系列，一套是电动系统，两套系统可以同时工作，也可以单独工作。
在城市中行驶，插电混动汽车可以用纯电行驶，在高速公路上行驶，插电混动汽车可以用燃油行驶，插电混动汽车同时具备了燃油车的持久性和纯电动汽车的便利性，是两者之间的一个过渡性产品。
插电混动车没有续航焦虑
插电混动汽车没有续航焦虑，既可以跑短途，也可以跑长途，还支持外放电，当你在野外自驾游时，你的车还能成为户外电源，供你煮饭、吃电火锅、电烧烤，是不是很酷？
2、省油。
跟纯电车比，混动车油耗肯定高，但跟燃油车比，混动车油耗明显低多了。以我自己的哈弗H6 DHT-PHEV为例，在家里装了充电桩，选择凌晨充电，一度电5毛，电池容易是19.9度电，充满电要10块钱，可以跑100公里。
算起来一公里只要一毛钱，天天在城市上下班开，可以开4~5天，如果不跑长途，可以一直用电，根本不用加油，上次加了200块钱，几个月时间还在，根本用不到。
3、环保，动力强，能挂绿牌。
国家的环保标准越来越严格，国6B刚刚执行，用不了两年，国7标准也会到来，这对燃油车来说，是一道紧箍咒，虽然能继续上路，但有诸多限制，燃油车所能符合的环保标准太低了的话，有些大城市都进不去了。
环保标准严了，有些不达标的燃油车都没法销售了，也没法过户了，影响很大，但是，环保标准并不影响插电混动车，因为插电混动汽车能挂绿牌。
像北上广深这样的一线大城市，严格控制燃油车上牌，你能买车但上不了牌照，但是电动汽车却不受影响，在政策引导下，很多消费者把眼光投入了新能源车，混动汽车符合环保要求，能上绿牌，得到很多消费者的喜爱。
插电混动汽车也有三大缺点：
1、电池容量偏小，经常要充电。
一般来说，混动车的电池容量没有纯电动汽车大，续航里程就短，以哈弗H6 DHT-PHEV为例，19.9度电的电池续航里程是110公里，实际续航里程是100公里。
如果你一天开20公里，能跑5天，那就4~5天充一次电，如果你一天开50公里，只能跑2天，那就是1~2天充一次电。
2、更换电池昂贵。
混动汽车是必须要有电池的，没有电池汽车开不了，这是设计好的系统，当你的电池寿命达到之后，就需要更换电池，更换电池的费用是2~5万元，这个费用是比较高的，目前新能源车大多还处于使用过程中，更换电池的情况较少，等到将来大规模更换电池时，就知道具体的费用了。
3、车价比同级别车高。
同级别的混动车比燃油车贵了4万元左右，有人说4万元可以加多少油，混动车省的油都不够车价贵，需要注意，新能源车目前没有购置税，按落地价算的话，相差不到3万元左右，然后两者之间的驾驶感受是完全不同的，开过电动车的人对此深有体会。
----------------------------------------------------------------------------------------------------
接下来就是每文最后的前端小知识分享，因为博主是前端出身，这也算是福利吧，每文最后加个前端的小知识：
今天跟大家说的是如何在html中引入html：
目前已知的方法有三个；
1.配置tomcat来实现，需要后台进行配合，修改本地和线上的tomcat的配置，才能使用该方式
<!--#include virtual="/html/gycphlk/setTab.html" -->
2.使用jquery的load方式来实现，可行性需要完成测试后商榷（页面之间数据传输是否可行）
3.通过iframe的引入
javaScript是一种解释型语言，它的执行是自上而下，但是各个浏览器对于至上而下的理解是有细微差别的，而代码的上下游也就是程序流又对于程序正确至关重要。
首先得了解有几种方法能把javaScript加入到页面中？ 常见下述的前2种，其实还有更多。
1.页面中直接引入外部js文件：<script src="my.js"></script>
2.页面中直接写入 js片段： <script>alert(1)</script>
3.在js中引入js文件（比较少用）： document.write("<scr"+"ipt src='my.js'></scr"+"ipt>");
注意:这时候"..</script>"必须拆成"</scr"+"ipt>",否则浏览器可能会把父js片段关闭掉,出错;
4.同样在js中引用其他js片段，document.write("<scr"+"ipt>alert(1)</scr"+"ipt>");
你可能觉得这个并没有必要，既然已经在script中了还套一层干嘛？呵呵，怎么说也是一种写法，而且它具有其特殊的行为，稍后我们讨论到。
5.使用Ajax中的xmlHttpRequest结合eval()来引入js，我最早在Dojo的代码见到，写的详细些：
var ajaxRequest = getXmlHttpRequest()//省去各个浏览器得到xmlHttpRequest的部门
ajaxRequest.open("GET","my.js",false);//使用xmlHttpRequest对象Get方法的同步调用
ajaxRequest.send(null);
sJsFragment = ajax.responseText;//得到字符串为js片段
eval(sJsFragment);//执行js片段
注意:这里要求my.js即后来的sJsFragment内容得是非常规范的js，且没有//开头的注释，怎样检查js是否规范呢？去http://jslint.com/
6.无所不能的Dom方法，非常好用：
var oScript = document.createElement("script");//创建一个Script元素
oScript.src = "my.js";//制定src属性
document.getElementsByTagName("head")[0].appendChild(oScript);
说明：my.js的内容会在oScript加入到文档中之后获得并执行。仔细看下这段容易发现这个调用是异步的，可以在文档载入之后通过事件触发，我用它变通了一下，作为了xmlHttpRequest的Get方法在跨域取数时的替代，获得了很完美的效果，以后有机会专门写篇文。
六种不少吧，可能还会有吧，而且这几种之间还可能相互嵌套，变化无常。
其中1、2、4、6种方式引入的javaScript的执行顺序是非常自然的，随着页面的载入以及后续的事件触发，它们遵守先来后到、而其内部自上而下。
*请认真填写需求信息，我们会在24小时内与您取得联系。
