在 HTML 頁面中,CSS 樣式可以通過style標簽或者外部的樣式表文件(style.css)中來設置。在 CSS 中,每一條規(guī)則都包含了一個選擇器和一組屬性,例如:
p { color: red; font-size: 16px; font-weight: bold; }
在上面的例子中,選擇器是p,也就是說,我們定義了p元素的樣式。而后面的花括號中則包含了三個屬性:
color
:定義了文本的顏色為紅色font-size
:定義了文本的字號為 16pxfont-weight
:定義了文本的字體粗細為加粗
除了這些基本的屬性外,CSS 還提供了許多其他的屬性,如文本對齊、邊框樣式、背景顏色等等。這里只是舉個例子,具體的屬性可以參考W3Schools上的文檔。
除了元素選擇器外,還有一些其他的選擇器,如類選擇器、ID 選擇器、屬性選擇器等等。這些選擇器可以更加精確地定位我們想要設置樣式的元素。例如:
.header { background-color: #333; color: white; padding: 10px; } #logo { float: left; margin-right: 20px; } input[type="submit"] { background-color: #f00; color: white; border: none; padding: 10px 20px; border-radius: 5px; }
在上面的例子中,.header是一個類選擇器,用于設置一個包含頁眉的元素的樣式;#logo是一個 ID 選擇器,用于設置一個具有指定 ID 的元素的樣式;input[type="submit"]是一個屬性選擇器,用于設置type屬性為submit的輸入框的樣式。
總而言之,在 CSS 樣式中,選擇器用于定位要設置樣式的元素,而屬性則用于設置具體的樣式效果。學好 CSS 可以讓網頁看起來更加美觀、易于閱讀。
上一篇css樣式選擇最后一個