站長(zhǎng)資訊網(wǎng)
(1)鏈接式:(外部引入.css文件)
（ 用得比較多 ) <link>在html加載前就被引用
在網(wǎng)頁的<head></head>標(biāo)簽對(duì)中用<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控制都是針對(duì)本頁面標(biāo)簽的，直接在HTML文檔中讀取樣式；
缺點(diǎn): 單個(gè)頁 面顯得臃腫,不能被其他HTML引用造成代碼量相對(duì)較多,維護(hù)麻煩
<style type="text/css"> div{border:1px #ff0 solid} </style>
(3)內(nèi)聯(lián)式
( 不推薦 ) 其可以用在不經(jīng)常改動(dòng)的位置
<div style="border:1px #ff0 solid;">內(nèi)容</div>
