CSS基礎知識

2021-07-30 14:28:08 字數 1402 閱讀 5924

css特性:css有兩大特性,繼承性和層疊性。

css的繼承性,指的是子元素繼承了父元素的某些樣式。

css中具有繼承屬性的三大類:

(1)文字相關屬性:font-family,font-size,font-style,font-weight,font,line-height,text-align,text-indent,word-spacing.

(2)列表相關屬性:list-style-image,list-style-position,list-style-type,list-style.

css優先順序

樣式覆蓋發生衝突常見的共有五種情況。

(1)引用方式衝突

(2)繼承方式衝突

(3)指定樣式衝突

(4)繼承樣式與指定樣式衝突

(5)!important

1:引用樣式衝突

行內樣式》(內部樣式=外部樣式)

行內樣式優先順序最高,內部樣式與外部樣式優先順序相同,如果行內樣式與外部樣式同時存在,則以最後的引入樣式為準(後來者居上)。

2:繼承方式衝突

如果由於繼承方式引起的衝突,則「最近的祖先元素獲勝」。

3:指定樣式衝突

所謂的指定樣式,指的是指定「當前元素」的樣式。當直接指定的樣式發生衝突時,樣式權值高者獲勝。

常用的選擇器 優先順序如下:

行內樣式》id選擇器》class選擇器》元素選擇器

4:繼承樣式和指定樣式衝突

當繼承樣式和指定樣式發生衝突時,指定樣式獲勝。

5:!important

在css中,可以使用!important規則來改變樣式的優先順序。如果乙個樣式使用!important來宣告,則這個樣式會覆蓋css中任何其他樣式宣告。也就是說,如果你一定要使用某個樣式屬性,為了不讓它覆蓋,則可以使用!important來實現。

如何覆蓋!important

(1)使用相同的選擇器,再新增一條!important的css語句。

(2)使用更高優先順序的選擇器,再新增一條!important的css語句。

總之,對於css優先順序,主要有以下兩個**定律。

(1)優先順序高的樣式覆蓋優先順序低的樣式

(2)同一優先順序的樣式,後定義的覆蓋先定義的,即後來者居上。

css引入方式

(1)外部樣式表

在實際開發中,為了提公升**效能和可維護性,一般都是使用外部樣式表。所謂的「外部樣式表」,就是把css**和html**單獨放在不同檔案中,然後再html文件中使用link標籤來引用css樣式表。

外部樣式表在單獨檔案中定義,並且在標籤對中使用link標籤來引用。

(2)內部樣式表

(3)行內樣式表

css選擇器

(1)元素選擇器

(2)id選擇器

(3)class選擇器

(4)群組選擇器

CSS 基礎知識

選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...

CSS基礎知識

css規則有兩個主要的部分組成 選擇器,以及一條或者多條宣告h1 css內部的注釋以 開始,以 結束p id選擇器,通過 來選擇html元素 username class選擇器,通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...

css基礎知識

css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...