CSS重點小結

2021-08-16 08:45:02 字數 475 閱讀 7126

css三大板塊:盒子模型,浮動,定位,其他都是細節。

1.盒子模型:

把html頁面元素看作是乙個矩形的盒子,也就是乙個盛裝內容的容器。每個矩形都由元素的內容、內邊距(padding)、邊框(border)和外邊距(margin)組成。

box-sizing:border-box免去計算盒子大小,盒子不會被「撐爆」。

2.浮動:指設定了浮動屬性的元素會脫離標準普通流的控制,移動到其父元素中指定位置的過程。在css中,通過

float

屬性來定義活動,其基本語法格式如下:

選擇器屬性值包括left(元素向左浮動)

,right

(元素向右浮動)

,none

(元素不浮動)

.浮動的主要目的:為了讓多個塊級元素在一行內顯示。

3. 定位:利用position屬性,可以方便的實現元素的定位。

完整的定位=邊偏移

+定位模式

快速入門CSS,知識重點內容小結

盒子模型 把html頁面的元素看作乙個矩形的盒子,相當於乙個承裝內容的容器。每個矩形都由四個部分組成 填充層 內容 內邊框 padding 邊框 border 外邊框 margin 組成。box sizing取值 css三大特性 1.繼承性 設定父類的一些屬性子類也能繼承使用這就叫做繼承性。2.摺疊...

css複習重點

css複習要點 1.float浮動塌陷 父元素只包含浮動元素,且父元素未設定高度和寬度的時候。那麼它的高度就會塌縮為零 解決 塌陷 問題有以下三個方法 1.在使用float元素的父元素結束前加乙個高為0寬為0且有clear both樣式的div 2.在使用float元素的父元素新增overflow ...

CSS中的重點

給父元素設定一些屬性,子元素也可以使用,這個我們就稱之為繼承性。並不是所有的屬性都可以繼承,以color font text line list 開頭的屬性可以繼承。text decoration不可繼承 繼承性中的特殊性 a標籤的文字顏色是不能繼承的 h標籤的文字大小是不能繼承的 合理使用繼承可以...