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,認為該元素是乙個定位元素 定位元素會脫離文件流 相對定位除...