在網(wǎng)頁開發(fā)中,CSS是一種用來描述文檔樣式的語言。為了讓網(wǎng)頁開發(fā)者更加方便地使用CSS,W3C官方規(guī)定了三種定義CSS的方式,下面我們來依次了解。
內(nèi)聯(lián)樣式
<p style="color: red; font-size: 20px;">這是一段紅色的,字體大小20px的文字</p>
內(nèi)聯(lián)樣式就是在HTML元素上使用style屬性來定義CSS樣式,這樣的樣式只對(duì)該元素生效,不能被其他元素繼承。
嵌入式樣式
<head> <style> p { color: blue; font-size: 18px; } </style> </head> <body> <p>這是一段藍(lán)色的,字體大小18px的文字</p> </body>
嵌入式樣式使用在HTML文件中的<head>標(biāo)簽內(nèi),使用<style>標(biāo)簽將CSS樣式代碼包含起來。這樣的樣式可以被整個(gè)HTML文件中的元素繼承。但是,如果需要改變樣式,需要在每個(gè)元素都進(jìn)行修改。
外部樣式
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
外部樣式是將CSS代碼寫入單獨(dú)的CSS文件中,然后在HTML文件中通過<link>標(biāo)簽引入。這種方式可以使CSS代碼得到較好的管理和維護(hù),而且可以多個(gè)HTML文件使用同一個(gè)CSS文件。
以上就是CSS的三種定義方式,不同的方式可以根據(jù)實(shí)際需要使用,具有不同的優(yōu)缺點(diǎn),掌握起來非常有用。
上一篇jquery $('
下一篇定義css樣式的說課