CSS 知識點總結

2021-10-03 05:18:52 字數 1500 閱讀 1321

問題1:什麼是css?

問題2:css能做什麼?

css**的語法雖然非常簡單,但根據其**可以出現的位置,可以將css分為3種型別:內聯樣式,外聯樣式,行內樣式

行內樣式:

內嵌樣式:

外聯樣式:

屬性名作用

color

文字顏色(前景色)

font-size

文字大小[px]

font-family

字型(黑體,宋體…)

font-style

正事還是斜體(italic)

font-weight

是否粗體

background

背景色border

邊框text-decoration

underline下劃線,line-through中劃線,overline上劃線,none不設定

text-align:

對齊方式(左中右)

line-height

行高width

寬height

層疊性 , 繼承性 , 優先性

層疊性所謂層疊性,是指對同一元素同一屬性的設定,後設定的某個樣式(屬性),會覆蓋之前設定的樣式。

所謂繼承性,是指對某個元素所設定的樣式,不但影響該元素本身,還可能影響該元素的後代元素。

.cc1

文字1 文字2

則此時文字1和文字2實際都是紅色。

實際上繼承性不是普遍情況,而只是少數一些屬性才具有繼承性(即能夠影響後代元素)。

應用中繼承性通常用在有關文字的屬性上。

所謂優先順序,就是指乙個標籤的顯示效果(樣式表現),可能受若干個因素的影響,但哪乙個因素的影響大,則最終效果就按該因素的設定,也就是「更優先」的意思。

#pro

.ppp

小公尺note 4

則此時該文字的大小實際是20px。

偽元素選擇器 >!important1

> 行內樣式 > id選擇器 > 類選擇器(或偽類選擇器) > 元素選擇器 > * > 繼承樣式 > 瀏覽器預設樣式

其中,偽元素選擇器又有: ::first-letter > ::selection > ::first-line

字型屬性是用來設定「文字字形」的外觀表現,主要包括:

文字屬性

…反正也沒人看,太多了碼不過來,有人催我在接著寫吧…

乙個屬性,可以理解為強制優先 ↩︎

CSS知識點總結

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

CSS知識點總結

1 內聯樣式 行內樣式 將樣式宣告在元素的style屬性中 2.內部樣式 將樣式宣告定義在頁面的style屬性中 3.外部樣式表 步驟 建立乙個新的css檔案 建立和html檔案的關聯 css樣式表的特徵 繼承性 1 子級元素可以直接使用父級元素宣告好的樣式 這裡不是所有的樣式都可以被繼承 層疊性 ...

實用的css知識點總結

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