分列,例: Stylesheets: The Tool of the Web Design Gods
Amaze your friends! Squash your enemies!
植入樣式表規則後,瀏覽器在整個HTML頁面中都執行該規則。如果你想對網頁一次性加入樣式表,就可採用該方法。 你可能注意到程式碼中有兩處很奇怪: TYPE="text/css"屬性和註釋標籤。 TYPE="text/css" 設定採用MIME型別,這樣以來,不支援CSS的瀏覽器可以忽略樣式表。註釋標籤()更為重要。有些老的瀏覽器(如MAC機用的IE 2.0)即使在設定了TYPE="text/css" 屬性時也不能忽略樣式表繼續執行下面的命令,而且還會顯示樣式表的程式碼。而使用註釋標籤則可以避免發生這種情況。連結到樣式表上 這裡是樣式表功能發揮得淋漓盡致的地方。你可以將多個HTML檔案都連結到一箇中心樣式表文件。這個外部的樣式表文件將設定你所有網頁的規則。如果你改變樣式表文件中的額某一細節,所有頁面都會隨之改變。如果你維護的站點很大,則這項功能絕對會有其用武之地。 它的使用方法:產生一個普通的網頁,但使用Stylesheets: The Tool of the Web Design Gods
實際上你可以使用4種方法。每種方法都有其不同的優點: 1.將樣式表植入HTML檔案中。 2.將一個外部樣式錶鏈接到HTML檔案上。 3.將一個外部樣式表輸入到HTML檔案中。 4.將樣式表加入到HTML檔案行中。 植入樣式表: 這就是我們在上一頁中用的方法,所有的樣式表資訊都列於HTML檔案的頂部,同
分列,例: Stylesheets: The Tool of the Web Design GodsAmaze your friends! Squash your enemies!
植入樣式表規則後,瀏覽器在整個HTML頁面中都執行該規則。如果你想對網頁一次性加入樣式表,就可採用該方法。 你可能注意到程式碼中有兩處很奇怪: TYPE="text/css"屬性和註釋標籤。 TYPE="text/css" 設定採用MIME型別,這樣以來,不支援CSS的瀏覽器可以忽略樣式表。註釋標籤()更為重要。有些老的瀏覽器(如MAC機用的IE 2.0)即使在設定了TYPE="text/css" 屬性時也不能忽略樣式表繼續執行下面的命令,而且還會顯示樣式表的程式碼。而使用註釋標籤則可以避免發生這種情況。連結到樣式表上 這裡是樣式表功能發揮得淋漓盡致的地方。你可以將多個HTML檔案都連結到一箇中心樣式表文件。這個外部的樣式表文件將設定你所有網頁的規則。如果你改變樣式表文件中的額某一細節,所有頁面都會隨之改變。如果你維護的站點很大,則這項功能絕對會有其用武之地。 它的使用方法:產生一個普通的網頁,但使用Stylesheets: The Tool of the Web Design GodsAmaze your friends! Squash your enemies!
而其中輸入的 company.css檔案內容如下:H1 { color: green; font-family: times }P { background: yellow; font-family: courier }