css 選擇器 第乙個class CSS（三）

如果某個單詞太長，不適合在乙個區域內，它擴充套件到外面：

允許長文字換行:

p

p.test1 //只能在半形空格或連字元處換行。

p.test2 //允許在單詞內換行，單詞不完整（適用於中文）

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

html元素以id屬性來設定id選擇器,css 中 id 選擇器以 "#" 來定義。

以下的樣式規則應用於元素屬性 id="para1":

#para1

class 選擇器用於描述一組元素的樣式，class 選擇器有別於id選擇器，class可以在多個元素中使用。

class 選擇器在html中以class屬性表示, 在 css 中，類選擇器以乙個點"."號顯示：

在以下的例子中，所有擁有 center 類的 html 元素均為居中。

p.center

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

margin的布局方法

兩欄結構用margin如何布局

頭部

側邊欄固定寬度
主內容欄自適應寬度
底部

#aside

#main

頭部

側邊欄固定寬度
主內容欄自適應寬度
底部

缺點: 這種方式無法支援主內容優先顯示

頭部

主內容欄自適應寬度
側邊欄固定寬度
底部

#bd

#aside
#main

nth child 乙個CSS樣式選擇器

nth child 2n 是css的乙個選擇器，對於在dom樹中有an b 1個兄弟節點的元素，通過 nth child可以選擇哪些元素應用樣式。這些兄弟節點中編號從1開始。語法 element nth child an b 表示element對應的元素中，第an b n可以使任意整數 個元素應用該...

CSS一 選擇器

一 規範 實現結構 html 樣式 css 行為的分離 js 二 css在html中的宣告 如果直接寫css 如果鏈結css檔案 三 選擇器 1 類選擇器 選擇元素.類名 html檔案 this paragraph will also be center aligned.css檔案 h1.cente...

CSS選擇器（一）

css的規則主要由兩個部分組成 選擇器和一條或多條宣告,形式表現如下 selector 選擇器通常就是我們需要改變樣式的html的元素。其中，每條宣告又是由乙個屬性 property 和乙個值 value 組成,屬性與屬性之間通常用分號隔開。的形式則表現為 selector 以上是對css規則的簡單...