CSS筆記(一)CSS規則

2022-03-10 18:16:53 字數 932 閱讀 1882

css是層疊式樣式表(cascading style sheets)的縮寫,定義了如何顯示html元素。

selector

子元素從父元素繼承屬性。但可以單獨定義子元素的規則來擺脫父元素的規則。

body p

strong h2 h2 strong

id選擇器可以為特定id的html元素指定特定的樣式。

id選擇器以「#」來定義。

#red #green

<

p id

="red"

>這個段落是紅色。

p>

<

p id

="green"

>這個段落是綠色。

p>

只有在指定id內的元素會得到特殊的處理。

#sidebar p #sidebar h2

類選擇器以乙個點號顯示。

.center

<

h1 class

="center"

>

this heading will be center-aligned

h1>

<

p class

="center"

>

this paragraph will also be center-aligned.

p>

❶ 在下邊的例子中,funk類的內部的**單元會以灰色背景顯示橙色文字(funk可能是乙個**或div)。

.funk td

❷ 在下邊的例子中,funk類的**單元將會以灰色背景顯示橙色文字。

td.funk

編寫css規則

一條css規則由應用到文件的乙個或多個元素的指令組成。它包含兩個部分 選擇器和宣告塊。h1 其中h1是選擇器,花括號裡面的是宣告塊 這條規則設定了文件中的任何h1標籤的內容大小都為1.5em,這條規則的選擇器部分定義了規則應用的物件,它可以是任何xhtml標籤,也可以是其他css元素,例如類和id。...

css命名規則

footer 內容區 end footer 3.id的命名 1 顏色 使用顏色的名稱或者16進製制 如 red f60 ff8600 2 字型大小,直接使用 font 字型大小 作為名稱,如 font12px font9pt 3 對齊樣式,使用對齊目標的英文名稱,如 left bottom 4 標題...

css定位 規則

絕對定位 固定定位 定位下的居中 多個定位元素重疊時z index 補充 規則 定位 手動控制元素在包含塊中的精準位置 預設值 static,靜態定位 不定位 relative 相對定位 乙個元素,只要position的取值不是static,認為該元素是乙個定位元素 定位元素會脫離文件流 相對定位除...