加載css樣式有以下四種
外部樣式
內部樣式
行內樣式
導入樣式
<link href="layout.css" rel="stylesheet" type="text/css" />
這種形式是把css單獨寫到一個css文件內,然后在源代碼中以link方式鏈接。它的好處是不但本頁可以調用,其它頁面也可以調用,是最常用的一種形式。
<style>
h2 { color:#f00;}
</style>
這種形式是內部樣式表,它是以<style>和</style>結尾,寫在源代碼的head標簽內。這樣的樣式表只能針對本頁有效。不能作用于其它頁面。
<p style="font-size:18px;">內部樣式</p>
這種在標簽內以style標記的為行內樣式,行內樣式只針對標簽內的元素有效,因其沒有和內容相分離,所以不建議使用。
@import url("/css/global.css");
鏈接樣式是以@import url標記所鏈接的外部樣式表,它一般常用在另一個樣式表內部。如layout.css為主頁所用樣式,那么我們可以把全局都需要用的公共樣式放到一個global.css的文件中,然后在layout.css中以@import url("/css/global.css")的形式鏈接全局樣式,這樣就使代碼達到很好的重用性。