CSS知識點總結

2021-09-29 13:18:02 字數 1084 閱讀 2319

1 .內聯樣式(行內樣式)將樣式宣告在元素的style屬性中

2. 內部樣式 將樣式宣告定義在頁面的style屬性中

3. .外部樣式表 步驟:建立乙個新的css檔案 建立和html檔案的關聯

css樣式表的特徵

繼承性

1、子級元素可以直接使用父級元素宣告好的樣式(這裡不是所有的樣式都可以被繼承)

層疊性

乙個勻速可以宣告多個樣式

注意:如果樣式不衝突,多個樣式規則中的樣式可以層疊為乙個。

優先順序

樣式定義產生衝突時按照不同的樣式使用「優先順序」來應用樣式

在們三種引入方式中誰的優先順序最高(行內樣式表)

低:瀏覽器預設值

中:外部樣式表或者內部樣式表

高:內部樣式表

1.通用選擇器

2.標籤選擇器

3.類選擇器

4.id選擇器

5.群組選擇器

6.後代選擇器

7.子代選擇器

8.偽類選擇器

1.元素的分類

1、塊級元素:獨佔一行,對寬高生效,如果不給寬度撐滿整行,如果不給

高度隨著內容的增長而增長

2、行內元素:可以多個標籤存在一行,對寬高不生效完全依靠內容去撐起寬高

3、行內塊元素: 結合了行內和塊級元素的特點,不僅是可以設定寬高而且還可以多個標籤

存在一行。

4、如果有需要的話 可以運用display進行強轉

inline 行內元素

block 塊級元素時可以設定寬高的

inline-block 行內塊元素:

none 不顯示

2.外邊距 內邊距 邊框 內容

w3c標準的盒子模型中 元素在網頁中所佔的位置的實際寬度

後代,子代,群組選擇器的優先順序

第一種先選擇所有後代,再選擇子代

第二種先選擇子代再選擇所有後代

可以產生不同的結果可以得知兩個選擇器可以相互覆蓋,所以優先順序相同

CSS知識點總結

css匯入方式 1.標籤內聯2.內部放置3.外部放置4.import url css選擇器 1.標籤選擇器2.id選擇器3.class選擇器4.組合選擇器 css優先順序 就近原則 標籤 id class 為了防止不支援css的瀏覽器將.標籤間的css規則當成普通字串,而顯示在網頁上,應將css的規...

CSS 知識點總結

問題1 什麼是css?問題2 css能做什麼?css 的語法雖然非常簡單,但根據其 可以出現的位置,可以將css分為3種型別 內聯樣式,外聯樣式,行內樣式 行內樣式 內嵌樣式 外聯樣式 屬性名作用 color 文字顏色 前景色 font size 文字大小 px font family 字型 黑體,...

實用的css知識點總結

1.text indent 屬性規定文字塊中首行文字的縮排。注釋 允許使用負值。如果使用負值,那麼首行會被縮排到左邊。text indent 2em 首行文字縮排 2字元 em是相當單位,用 em可以實現動態改變。不論字型調大還是調小,都能實現首行文字縮排的是 2字元。一般都建議用標準的html來顯...