在CSS的應(yīng)用過(guò)程中，我們可以使用三種方法來(lái)實(shí)現(xiàn)相應(yīng)的樣式效果，它們分別是：
1.內(nèi)嵌式 2.外部式 3.嵌入式
下面我們來(lái)詳細(xì)解析一下這三種方法的區(qū)別：
1.內(nèi)嵌式
內(nèi)嵌式就是直接在HTML標(biāo)簽內(nèi)部使用style屬性實(shí)現(xiàn)樣式效果，例如：
<h1 style="color: red; font-size: 24px;">這是一個(gè)標(biāo)題</h1>
上述代碼實(shí)現(xiàn)了h1標(biāo)題的紅色文字和24像素的字號(hào)，這種方法的優(yōu)點(diǎn)就是方便、快捷，但是缺點(diǎn)也比較明顯，就是代碼可讀性差，不便于修改。
2.外部式
外部式是將CSS樣式單獨(dú)寫(xiě)在一個(gè)CSS文件中，然后在HTML文件內(nèi)部通過(guò)link標(biāo)簽引入CSS文件，例如：
// css文件（style.css）
h1 {
color: red;
font-size: 24px;
}
// html文件
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
</body>上述代碼實(shí)現(xiàn)同樣是h1標(biāo)題的紅色文字和24像素的字號(hào)，不過(guò)這種方法在代碼可讀性、便于維護(hù)方面要優(yōu)于內(nèi)嵌式。
3.嵌入式
嵌入式是將CSS樣式寫(xiě)在HTML文件內(nèi)部的<style>標(biāo)簽中，例如：
<head>
<style>
h1 {
color: red;
font-size: 24px;
}
</style>
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
</body>上述代碼同樣實(shí)現(xiàn)了h1標(biāo)題的紅色文字和24像素的字號(hào)，這種方法可以看成是內(nèi)嵌式和外部式的結(jié)合體，代碼可讀性、便于維護(hù)方面也要好于內(nèi)嵌式。
綜上所述，對(duì)于CSS樣式的引入方式，我們需要根據(jù)實(shí)際情況選擇合適的方法。如果樣式比較簡(jiǎn)單，則可以使用內(nèi)嵌式，如果樣式較為復(fù)雜，則推薦使用外部式或嵌入式。
上一篇mysql日期加15分鐘
下一篇css使用去白邊