html-載入css樣式的4種方法
阿新 • • 發佈：2019-01-29
載入css樣式有4種
1.外部樣式(外聯樣式)
如果css是一個外部檔案，可以在你html檔案的<head></head>裡寫上
<link href="style.css" rel="stylesheet" type="text/css" />href=”style.css”這裡可以寫上你css檔案的路徑
這種形式是把css單獨寫到一個css檔案內，然後在原始碼中以link方式連結。它的好處是不但本頁可以呼叫，其它頁面也可以呼叫，是最常用的一種形式
2.內部樣式(內嵌樣式)
如果是內部樣式，也可以在<head></head>
<style type="text/css">
h3 { color:#f00;}
</style>它是以<style>和</style>結尾，寫在原始碼的head標籤內。這樣的樣式表只能針對本頁有效。不能作用於其它頁面。
3.行內樣式
還可以在html標籤上直接寫css樣式
<p style="font-size:18px;">內部樣式</p>這種在標籤內以style標記的為行內樣式，行內樣式只針對標籤內的元素有效，因其沒有和內容相分離，所以不建議使用。
4.匯入樣式
@import url("public.css" 匯入樣式是以@import url標記所連結的外部樣式表，它一般常用在另一個樣式表內部。如index.css為主頁所用樣式，那麼我們可以把全域性都需要用的公共樣式放到一個public.css的檔案中，然後在index.css中以
@import url("/public.css")
的形式連結全域性樣式，這樣就使程式碼達到很好的重用性。