將樣式表添加到網頁(Inline Style)

 覺得此篇文章還不錯,於是又轉載了,此文轉載自:K.N.J的博客

 

層疊樣式表定義:

  • CSS是Cascading Style Sheet(層疊樣式表)的縮寫。是用於(增強)控制網頁樣式並允許將樣式信息與網頁內容分離的一種標記性語言。
  • CSS不需要編譯,可以直接由瀏覽器執行(屬於瀏覽器解釋型語言)。

樣式語法:

  • Selector {property:value}

那應該如何將樣式表加入到自己的網頁呢?目前,有三種方法可以實現,而最接近目標的樣式定義優先權越高。高優先權樣式將繼承低優先權樣式的未重疊定義單覆蓋重疊的定義。

1.內聯方式Inline Styles

內聯定義即是在對象的標記內使用對象的style屬性定義適用其的樣式表屬性。

相應代碼:<p style="color:black">這一行的字體顏色將顯示爲黑色</p>

2.內聯樣式塊對象Embedding Style Block

可以在自己的HTML文檔的<head>標記裏插入一個<style>塊對象。

相應代碼:

<style>

body{background:black;color:white;}

p{font-size:16px}

</style>

3.外部樣式表Linking to a Style Sheet

......

......

......

............閱讀全文,請參照:K.N.J's blog

 

發佈了15 篇原創文章 · 獲贊 1 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章