CSS的四種引入方式分別是：行內(nèi)樣式、內(nèi)嵌樣式、鏈接樣式和導(dǎo)入樣式。
1、行內(nèi)樣式
最直接最簡(jiǎn)單的一種，直接對(duì)HTML標(biāo)簽使用style=""，例如：
<p style="color:#F00; "></p>
缺點(diǎn)：HTML頁(yè)面不純凈，文件體積大，不利于蜘蛛爬行，后期維護(hù)不方便。
（視頻教程推薦：css視頻教程）
2、內(nèi)嵌樣式
內(nèi)嵌樣式就是將CSS代碼寫(xiě)在<head></head>之間，并且用<style></style>進(jìn)行聲明，例如：
<style type="text/css">
body,div,a,img,p{margin:0; padding:0;}
</style>優(yōu)缺點(diǎn)：頁(yè)面使用公共CSS代碼，也是每個(gè)頁(yè)面都要定義的，如果一個(gè)網(wǎng)站有很多頁(yè)面，每個(gè)文件都會(huì)變大，后期維護(hù)難度也大，如果文件很少，CSS代碼也不多，這種樣式還是很不錯(cuò)的。
3、鏈接樣式
鏈接樣式是使用頻率最高，最實(shí)用的樣式，只需要在<head></head>之間加上<link…/>就可以了，如下：
<link type="text/css" rel="stylesheet" href="style.css" />
優(yōu)缺點(diǎn)：實(shí)現(xiàn)了頁(yè)面框架代碼與表現(xiàn)CSS代碼的完全分離，使得前期制作和后期維護(hù)都十分方便
4、導(dǎo)入樣式（不建議使用）
導(dǎo)入樣式和鏈接樣式比較相似，采用@import樣式導(dǎo)入CSS樣式表，在HTML初始化時(shí)，會(huì)被導(dǎo)入到HTML或者CSS文件中，成為文件的一部分，類似第二種內(nèi)嵌樣式。
@import在html中使用，如下：
<style type="text/css"> @import url(style.css); </style>
@import在CSS中使用，如下：
@import url(style.css);
推薦教程：css快速入門(mén)
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Copyright ? 2019-2024 51dongshi.com 版權(quán)所有
違法及侵權(quán)請(qǐng)聯(lián)系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬(wàn)商天勤律師事務(wù)所王興未律師提供法律服務(wù)
