1. class和id
(1). 同一id在乙個頁面內只能應用一次,而class則是
用於描述多次出現的元素。
(2). class的定義方法: 指定標籤 .類名
id的定義方法: 指定標籤 #id名
class的應用方法:《指定標籤 class="類名">
id的應用方法: 《指定標籤id="id名">
2. css的引用
(1)內部樣式
段落內容(3)外部樣式 (4)優先順序
行內樣式表(內嵌樣式表)
內部樣式表
外部樣式表
補充規則:優先順序相同的情況下,後定義的屬性會覆蓋先前定義
其他高階規則
3. css的盒子模式
在網頁設計中常聽的屬性名:內容(content)、填充(padding)、邊框(border)、邊界(margin), css盒子模式都具備這些屬性。
margin和padding的用法:
如果提供全部四個引數值,將按上-右-下-左的順序作用於四邊。如果只提供乙個,將用於全部的四邊。如果提供兩個,第乙個用於上-下,第二個用於左-右。如果提供三個,第乙個用於上,第二個用於左-右,第三個用於下。
margin 例:
body
body
body
padding 例:
body
body
body
4. 定位
1. 相對定位
相對定位是指相對它本來應該處的位置所做的移動。
.dingwei2. 絕對定位
絕對定位非常好理解,你指定元素出現的座標(x,y)。
上例中,class為"dingwei2"的元素設定為絕對定位,它的父元素為body,所以它其實是相對body位置來定位的的。如果有如下**:
.dingwei15. css的全域性和區域性控制
1.全域性變數
a:link2.區域性控制
#nvbar a:link
css學習 css基礎
子選擇器 parent child 子選擇器是指選擇parent的範圍內的第乙個子元素。這裡parent和child均是偽 可以是class用.classname,也可以是標籤ul li,也可以是id pid cid 後代選擇器 parent child 後代選擇器是指 選擇parent範圍內的所欲...
CSS基礎學習
1.css cascading style sheet 層疊樣式表 css是對html的補充 css實現了網頁內容和頁面效果的分離 2.有三種方式可以將樣式表加入到html文件中 1 內聯樣式表 2 嵌入樣式表 3 外部樣式表link 3.樣式規則選擇器 通過怎樣的途徑來獲得頁面上要設定樣式的元素 ...
css基礎學習
css指層疊樣式表 為什麼用css?html描述了要呈現的內容,而css則定義了這些內容的呈現形式,比如字型,顏色等。使用css能夠將頁面內容呈現形式有效分類,有利於分工合作,也有利於快速更換不同的呈現形式。使用樣式表可以有三種方式 1 內聯樣式內部 將樣式定義在style屬性中,只有對當前標籤有效...