1. 程式人生 > 其它 >css筆記2

css筆記2

a:link {color:#000000;}      /* 未訪問連結*/
a:visited {color:#00FF00;}  /* 已訪問連結 */
a:hover {color:#FF00FF;}  /* 滑鼠移動到連結上 */
a:active {color:#0000FF;}  /* 滑鼠點選時 */

 

不要在屬性值與單位之間留有空格(如:"margin-left: 20 px" ),正確的寫法是 "margin-left: 20px" 。

 

多重樣式優先順序

樣式表允許以多種方式規定樣式資訊。樣式可以規定在單個的 HTML 元素中,在 HTML 頁的頭元素中,或在一個外部的 CSS 檔案中。甚至可以在同一個 HTML 文件內部引用多個外部樣式表。

一般情況下,優先順序如下:

(內聯樣式)Inline style > (內部樣式)Internal style sheet >(外部樣式)External style sheet > 瀏覽器預設樣式

 

p {text-indent:50px;}文字縮排:text-indent

 

盒子模型:

 

 

不同部分的說明:

  • Margin(外邊距) - 清除邊框外的區域,外邊距是透明的。
  • Border(邊框) - 圍繞在內邊距和內容外的邊框。
  • Padding(內邊距) - 清除內容周圍的區域,內邊距是透明的。
  • Content(內容) - 盒子的內容,顯示文字和影象。