在過去，沒有css之前，設計師通常以<table>標籤將版面排的整齊，但W3C並不這麼建議，
使用css有很多好處，我自己喜歡將css與html結構分離，讓html檔看起來乾淨 . 整齊。也方便維護，(唯一我害怕的是css被寫得雜亂無章)，table標籤也越來越少用了，即便是表單的排版，都能盡量不要用table就不要，table本身在設計表單要設定的屬性已經夠多了，再加個<form>標籤，然後再設定每個tr或是td的屬性，再加上各種input標籤，非常容易眼花，非常可怕，所以我也一直在邁向table-less的方向努力...
1.從外部載入的方式
也就是在<head>標籤裡下<link>標籤把css匯入
這種方式又稱為"外部css樣式表"(External CSS)
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
2.第二種是寫在該頁面的裡的css
這種方式只要把css語法放在該頁的<script>標籤就可以了，但是這種方式比較不建議
這種方式又稱為行內樣式(inline style)
因為我很少用這種方法還真的找不到甚麼範例
<script type="text/css">
a{color: red;}
a:hove{ color:yellow;}
</script>
假如你是使用行內樣式，那麼a跟a:hover的變色只會在你有加這段<script>標籤的頁面才有效果
所以之所以覺得不建議的原因是因為，維護上很麻煩
當你要換顏色時，每一頁有script的部分都要修改，那不如使用連外的方式使用一個css檔
當你想換顏色只要修改那個css改，就足以一次更換到所有有連外這個css檔的頁面了
3.第三種是使用@import的方式
注意呦，這個方式並不是屬於html的語法，他是css語法，所以他不能直接下載html的頁面
必須下載<script>標籤裡，或是副檔名.css的檔案才算數。
通常網頁只要讀到@import就會馬上再載入該樣式檔，跟<link href...>的載入方式不太一樣，當html檔獨到<link>時，並不會馬上載入，只有他讀到你要使用裡面的樣式時，他才會載入你要用的那個樣式內容。
另外，你可以@import好幾個css，比方說import base.css 也import newbass.css 他會把兩個css都帶進去。
寫法 "
<script>
@import "base.css"; /* @import url(css檔的URL); */
</script>
另外，css檔的註解方式
/* 這裡面是註解 */
使用css有很多好處，我自己喜歡將css與html結構分離，讓html檔看起來乾淨 . 整齊。也方便維護，(唯一我害怕的是css被寫得雜亂無章)，table標籤也越來越少用了，即便是表單的排版，都能盡量不要用table就不要，table本身在設計表單要設定的屬性已經夠多了，再加個<form>標籤，然後再設定每個tr或是td的屬性，再加上各種input標籤，非常容易眼花，非常可怕，所以我也一直在邁向table-less的方向努力...
- 載入css的方式約略可分三種:
1.從外部載入的方式
也就是在<head>標籤裡下<link>標籤把css匯入
這種方式又稱為"外部css樣式表"(External CSS)
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
2.第二種是寫在該頁面的裡的css
這種方式只要把css語法放在該頁的<script>標籤就可以了，但是這種方式比較不建議
這種方式又稱為行內樣式(inline style)
因為我很少用這種方法還真的找不到甚麼範例
<script type="text/css">
a{color: red;}
a:hove{ color:yellow;}
</script>
假如你是使用行內樣式，那麼a跟a:hover的變色只會在你有加這段<script>標籤的頁面才有效果
所以之所以覺得不建議的原因是因為，維護上很麻煩
當你要換顏色時，每一頁有script的部分都要修改，那不如使用連外的方式使用一個css檔
當你想換顏色只要修改那個css改，就足以一次更換到所有有連外這個css檔的頁面了
3.第三種是使用@import的方式
注意呦，這個方式並不是屬於html的語法，他是css語法，所以他不能直接下載html的頁面
必須下載<script>標籤裡，或是副檔名.css的檔案才算數。
通常網頁只要讀到@import就會馬上再載入該樣式檔，跟<link href...>的載入方式不太一樣，當html檔獨到<link>時，並不會馬上載入，只有他讀到你要使用裡面的樣式時，他才會載入你要用的那個樣式內容。
另外，你可以@import好幾個css，比方說import base.css 也import newbass.css 他會把兩個css都帶進去。
寫法 "
<script>
@import "base.css"; /* @import url(css檔的URL); */
</script>
另外，css檔的註解方式
/* 這裡面是註解 */
沒有留言:
張貼留言
若你看的文章，時間太久遠的問題就別問了，因為我應該也忘了... XD