css筆記2
阿新 • • 發佈:2022-04-01
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(內容) - 盒子的內容,顯示文字和影象。