|
(1) 鏈接式:(外部引入.css文件) ( 用得比較多 ) <link>在html加載前就被引用 在網(wǎng)頁的<head></head>標(biāo)簽對中用<link>引入外部樣式表，使用html規(guī)則引入外部css : <link href="./css/style.css" rel="stylesheet" type="text/css"/>
導(dǎo)入式:(外部引入.css文件) ( 不使用 ) @import在html加載完成后才引用,并且無法在JS DOM模型中插入樣式 引入外部CSS文件，<style>標(biāo)記也是寫在<head>標(biāo)記中，使用的語法如下： <style type="text/css"> @import "./css/style.css" /*@import url(./css/style.css)*/ </style> (2) 嵌入式 直接寫在<html>標(biāo)簽下,常在<head></head>中， 優(yōu)點(diǎn)：速度快，所有的CSS控制都是針對本頁面標(biāo)簽的，直接在HTML文檔中讀取樣式； 缺點(diǎn): 單個頁 面顯得臃腫,不能被其他HTML引用造成代碼量相對較多,維護(hù)麻煩 <style type="text/css"> (3) 內(nèi)聯(lián)式 ( 不推薦 ) 其可以用在不經(jīng)常改動的位置 <div style="border:1px #ff0 solid;">內(nèi)容</div>
|
|
|
