CSS速成教程 2

2022-09-01 13:03:15 字數 913 閱讀 3472

派生選擇器 通過依據元素在其位置的上下文關係來定義樣式,可以使標記更加簡潔。

派生選擇器允許你根據文件的上下文關係來確定某個標籤的樣式。通過合理地使用派生選擇器,我們可以使 html **變得更加整潔。 比方說,你希望列表中的 strong 元素變為紅色,而不是通常的黑色,可以這樣定義乙個派生選擇器:

li strong

請注意在 html 中標記為

我是黑色,因為我不在列表當中,所以這個規則對我不起作用

我是紅色。這是因為 strong 元素位於 li 元素內。

在 css 中定義的 li strong 的樣式,只會影響上面 html 檔案中的,而不會影響中的內容

1.id 選擇器: id 選擇器可以為標有 id 的 html 元素指定特定的樣式 id 選擇器以「#」來定義

2.id 選擇器和派生選擇器: 目前比較常用的方式是 id 選擇器常常用於建立派生選擇器

.divclass

在下面的 html **中,div 元素含有 divclass 類,意味著它要遵守.divclass的規則。

<

div

class

="divclass"

>

hello div

div>

注意:類名的第乙個字元不能使用數字!它無法在 mozilla 或 firefox 中起作用。

.pclass a

對帶有指定屬性的 html 元素設定樣式。

下面的例子為 title="te" 的所有元素設定樣式:

CSS速成教程 1

css 指的是層疊樣式表 cascading stylesheet 在網頁製作時採用層疊樣式表技術,可以有效地對頁面的布局 字型 顏色 背景和其它效果實現更加精確的控制。學習路徑 css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。1 selector 選擇器通常是您需要改變樣式的 htm...

CSS速成教程 樣式2 5

在 css 的鏈結屬性設定中,我們能設定 color,font family,background 等等,不同的狀態我們可以設定對應的樣式。下面我們就來看看對應樣式的屬性設定。a link 普通的 未被訪問的鏈結 a visited 使用者已訪問的鏈結 a hover 滑鼠指標位於鏈結的上方 a a...

CSS速成教程 CSS樣式文字 4

css 文字屬性可定義文字的外觀。通過文字屬性,您可以改變文字的顏色 字元間距,對齊文字,裝飾文字,對文字進行縮排,等等。屬性描述 color 文字顏色 direction 文字方向 line height 行高letter spacing 字元間距 text align 對齊元素中的文字 text...