css基礎學習

2021-05-28 08:09:42 字數 1132 閱讀 8370

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.     相對定位

相對定位是指相對它本來應該處的位置所做的移動。

.dingwei
2.     絕對定位

絕對定位非常好理解,你指定元素出現的座標(x,y)。

上例中,class為"dingwei2"的元素設定為絕對定位,它的父元素為body,所以它其實是相對body位置來定位的的。如果有如下**:

.dingwei1
5.    css的全域性和區域性控制

1.全域性變數

a:link
2.區域性控制

#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屬性中,只有對當前標籤有效...