千一教程-CSS(1)

作者:千一網絡 來源:千一網絡 日期:2006-5-16

千一教程 從用出發


一、樣式表是什么?
  CSS 是 Cascading Style Sheet 的縮寫,即“層疊樣式表單”,也即樣式表,是用于指定網頁樣式(如寬度、背景、字體顏色等)的一種標記性語言。我們所說的 CSS2 即 CSS 的第二個版本,是目前較為通用的版本。

二、為什么使用樣式表?
  樣式表可以指定網頁的樣式,HTML 也可以指定網頁的樣式,比如樣式表可以指定網頁的背景顏色,HTML 也可以指定網頁的背景顏色,那我們為什么要使用樣式表,而不使用 HTML 指定呢?
  1、將網頁內容與網頁樣式分離。
  常規的網頁,網頁內容與網頁樣式混合在一起造成了很多不便,比如 ASP 程序員在輸出網頁內容時必須考慮網頁樣式。
如果采用樣式表,則不會有此尷尬,ASP 程序員在輸出網頁時,只需要告訴網頁制作人員網頁有哪些內容,不需要考慮這些內容用什么顏色、用多大的字號等,而網站制作人員只需要根據這些內容寫樣式表即可。
  2、精簡代碼。
  大多數情況下用 CSS 可以使整個網頁代碼更整潔、更精簡。
  3、樣式復用。
  一個樣式可以在多個網頁的多個地方使用,保持了網頁的風格,便于維護。比如可以用一個樣式表文件確定多個頁面的背景顏色,要修改背景顏色時,只需要修改一個樣式表文件即可,而如果使用傳統的 HTML 方式則需要為每個網頁更改背景顏色。

三、樣式表存放在什么地方?
  1、單獨的文件,比如 style.css。公用樣式表或內容較多的樣式表用此法。
  2、放在 HTML 代碼的 head 區。僅用于當前網頁的樣式表一般可用此法。
  3、直接寫在 HTML 標簽里,比如<table style="border-collapse: collapse">。不推薦用此法,因為它違背了樣式表的初衷--將網頁內容與網頁樣式分離。

四、如何使用單獨的樣式表文件?
  前面講過樣式表可以以單獨的樣式表文件存放,比如 style.css,那么怎樣將該文件用到 HTML 網頁中呢,有兩種方法。
  1、連接。
  在 head 區寫:<link rel="stylesheet" href="樣式表文件路徑" type="text/css">
  2、輸入。
  在 head 區寫:
  <style type="text/css">
  @import url("樣式表文件路徑");
  </style>

五、“連接”與“輸入”有何區別?
  前面所說的使用樣式表的兩種方法有何區別呢,如下:
  “連接”:不用每次刷新網頁都讀取樣式表,但網速慢時讀取樣式表會失敗。
  “輸入”:每次刷新網頁都讀取樣式表,即使網速很慢,也會成功讀取樣式表。

六、head 區寫樣式表,如何寫?
  樣式表除了以單獨的文件存放外,還可以放在 HTML 的 head 區,我們又稱嵌入樣式表,寫法是:
  <style type="text/css">
  樣式表內容
  </style>

相關文章:四種方式將樣式表應用到HTML

你前面那位網友看了:HTTP 錯誤 404.17:請求的內容似乎是腳本,因而將無法由靜態文件處理程序來處理。

▲▲▲嘿,歡迎轉載傳播本站原創文章,盡量保留來源噢。▲▲▲

文章評論
標題:必填
內容:
最新22选5开奖公告