引入css的四種方式總結(jié)(分享)
博客園 發(fā)布時(shí)間：2018-01-04 16:18:43 作者：smart_hwt 
我要評(píng)論
我要評(píng)論下面小編就為大家分享一篇引入css的四種方式總結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
1.內(nèi)聯(lián)式引用：直接用在標(biāo)簽上，但維護(hù)成本高
style='font-size:16px;color:#000000'
2.外部連接式引用：css代碼與html代碼分離，便于代碼重復(fù)使用
<link href="css/style.css" type="text/css" rel="stylesheet" />
style.css文件內(nèi)容如右：
.font{color:blue;font-size:12px;}
3.內(nèi)部式引用：頁(yè)面較為清晰，但不能被別的頁(yè)面使用
<style type='text/css'>
.font{color:blue;font-size:12px;}
</style>
4.外部導(dǎo)入式：可以在一個(gè)HTML文件中導(dǎo)入多個(gè)樣式表。類似于外部鏈接式引用
在HTML文件中head標(biāo)簽中加入
<style type='text/css'>
@import url('./style/style.css');
</style>
以上這篇引入css的四種方式總結(jié)(分享)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
- 本文介紹了網(wǎng)頁(yè)引入css樣式的幾種方法，包括內(nèi)聯(lián)式樣式表、嵌入式樣式表、外鏈?zhǔn)?、?dǎo)入式，大家參考使用吧2014-01-14
- CSS四種引入方式:標(biāo)簽內(nèi)的CSS 、網(wǎng)頁(yè)內(nèi)的CSS、link引用的CSS、import引用的CSS，下面用一個(gè)例子演示用法2013-12-06
- 在HTML中，引入CSS的方法主要有行內(nèi)式、內(nèi)嵌式、導(dǎo)入式和鏈接式，下面針對(duì)這幾種不同的引入方式給予了使用建議，比較迷惑的朋友可以參考下2021-11-30
- 在本文將為大家介紹下css的引入方式、css的基本語(yǔ)法等等，新手朋友們可以參考下哈，希望對(duì)大家有所幫助2013-09-12
引入CSS的方式有哪些?link和@import的有何區(qū)別應(yīng)如何選擇
有一些頁(yè)面比較簡(jiǎn)單，流量很大的網(wǎng)站，是直接將CSS寫(xiě)在html代碼中的？他們有什么區(qū)別？CSS用import還是link好？本文搜集整理了一下，感興趣的朋友可以看看哦，希望本人對(duì)你2013-01-23- CSS樣式引入方法，一般情況下最好使用link加入遠(yuǎn)程樣式，但不好的地方就是當(dāng)網(wǎng)速慢的情況下，這種方法容易使頁(yè)面因?yàn)闃邮經(jīng)]有加載而變形，很多大網(wǎng)站首頁(yè)都是直接寫(xiě)到頁(yè)面2010-08-26
- CSS樣式的引入方法小結(jié)。2010-07-27