整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
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小時內與您取得聯系。
