CSS-main

	◇ CSS語法使用注意事項
	◇ 如何控制文字不隨瀏覽器的檢視設定變動
	◇ 如何控制超連結文字的顏色與底線
	◇ 如何使網頁背景不隨文字滾動
	◇ 如何將瀏覽器與網頁之間的邊界去除
	◇ 如何將表格的框線變得更細緻

	◇ CSS語法使用注意事項

	1. CSS 是 "Cascading Style Sheet" 的縮寫，一般稱為 "階層樣式表"。　　CSS 並不是一種程式設計語言，而是用於網頁排版的標記性語言。　　它可以將 html語言功能加以擴展，讓您的網頁更有獨特的風格。　2. 本站的 CSS 語法皆可直接套用在網頁上，是屬於比較容易上手的　　語法，如果需要更詳盡的資訊，建議您參閱相關書籍。　3. 在 CSS 語法中，舉凡字形、顏色、尺寸、背景、文字、邊界等　　屬性，皆建議您多做不同的嘗試，以獲得最佳瀏覽效果。　4. 認識標準 html語法架構，有助於您編修網頁的效果。　　<html> 　　<head> 　　<meta http-equiv="Content-Type" content="text/html; charset=big5"> 　　<title> 網頁標題 </title> 　　不在網頁上顯示的資訊　　</head> 　　<body> 　　網頁內容　　</body> 　　</html>

	◇ 如何控制文字不隨瀏覽器的檢視設定變動

	當你辛辛苦苦完成網頁想秀一下時，卻發現瀏覽器的字型檢視一　調整，整個網頁就扭曲成一團，慘不忍睹！這時候你就可以利用　CSS 將字型大小控制住，就算別人再怎麼調整字型，也不會改變　網頁一分一毫了。將下列虛線中的語法複製到　<head> ..... </head> 之間即可。　[語法] 　-------------------------------------------- 　<style type="text/css"> 　<!-- 　　　body　{ font-size: 10pt; line-height: 1.2em } 　　　td　　{ font-size: 10pt; line-height: 1.2em } 　　　font 　{ font-size: 10pt; line-height: 1.2em } 　--> 　</style> 　-------------------------------------------- 　[說明] 　1. 字型大小自由設定，line-height 是指物件的頂端邊界。　　em 是字型的高度單位，屬於相對長度單位。　[效果展示]

	◇ 控制超連結的顏色與底線

	目前最常使用的 CSS 語法，就是控制超連結的顏色與底線，　你可以依樣畫葫蘆，將下列虛線中的語法貼在 html 語法中　<head> ..... </head> 之間：　[語法] 　--------------------------------------------------------------------------- 　<style type="text/css"> 　<!-- 　　　　A:　link 　{text-decoration: none ; color: 0000ff } 　　　　A:　visited {text-decoration: none ; color: 0099ff } 　　　　A:　active {text-decoration: none ; color: 0099ff } 　　　　A:　hover {text-decoration: underline ; color: cc0066} 　--> 　</style> 　-------------------------------------------------------------------------- 　[說明] 　1. 你可以自己更改色碼 (#xxxxxx)，換上你喜歡的顏色，　　若需要加底線，就將 none 改成 underline 即可，試試看。　2. 為了避免有些瀏覽器將 <style> ..... </style> 標記間的敘述　　當成普通字，而顯現在網頁上，因此建議將敘述文字放在　　html 註釋語句 <!-- ..... --> 中。　[效果展示]

	◇ 如何使背景不隨文字滾動

	有時瀏覽別人的網頁，在拉動捲軸時，背景卻不隨文字滾動，　這是因為背景被設為'固定'的原因，只要將虛線內的語法複製　到 <head> ..... </head> 之間即可。　[語法] 　-------------------------------------------------------- 　<style> 　<!-- 　　　body {background-attachment: fixed} 　--> 　</style> 　-------------------------------------------------------- 　[說明] 　1. 屬性 fixed : 背景不隨文字滾動。　　屬性 scroll : 背景隨文字滾動(預設)。　2. 建議使用在單純的背景，以避免前景與背景重疊。　　如果你需要的廣告效果在背景上，這也是一個好方法。　[效果展示]

	◇ 如何將瀏覽器與網頁之間的邊界去除

	在瀏覽器的預設值裡，網頁頁面與瀏覽器邊界是留有固定的邊界，　如果你是用深色背景的話，這個邊界會造成畫面不美觀。因此，　要去掉這個邊界，只要將虛線內的語法複製到　<head> ..... </head> 之間即可。　[語法] 　----------------------------------------------------------------- 　<style type="text/css"> 　<!-- 　body { margin-top: 0px;　margin-left: 0px; 　　　　margin-right: 0px;　margin-bottom: 0px } 　--> 　</style> 　----------------------------------------------------------------- 　[說明] 　1. 上述語法是比較完整的寫法，簡單一點可以寫為：margin=0 　2. 你可以依需求更改邊界值設定。　[效果展示]

	◇ 如何將表格的框線變得更細緻

	在大型網站常會使用許多表格，妳可以發現這些表格的框線都很　細緻，可是用網頁編輯軟體做出來的表格，框線都粗粗的不太好　看。只要將下列語法 (A)，複製到該表格 <table> 的屬性中，即可　得到不錯的效果喔，試一試吧！　(A)：bordercolordark="#FFFFFF" bordercolorlight="#006600" 　[語法] 　------------------------------------------------ 　<table border="1" 將 (A) 貼在這裡 > 　</table> 　------------------------------------------------ 　[說明] 　1. 其實 (A) 語法是表現表格的立體性，因為我們設定 border="1"，　　所以立體效果顯不出來，反而是讓框線變細了。另外，框線的　　顏色可自行改變。　2. 如果要讓框線有立體效果，只要改變 border 的值就可以了　[效果展示]