css複習重點

2021-07-11 16:43:42 字數 1208 閱讀 8242

css複習要點

1.float浮動塌陷

父元素只包含浮動元素,且父元素未設定高度和寬度的時候。那麼它的高度就會塌縮為零

解決「塌陷」問題有以下三個方法

1.在使用float元素的父元素結束前加乙個高為0寬為0且有clear:both樣式的div

2.在使用float元素的父元素新增overflow:hidden;

3 .使用after偽物件清除浮動

詳細可以看這個**:

2.transform/transition

3.css效能優化

4.縮放/佔格、

實現的等比例縮放

5.margin垂直合併

margin垂直合併的簡單介紹:

解決辦法:

6.flex

7.垂直居中

常用的css技巧:

8.media query

9.盒子模型

網頁可以自適應寬度

高度沒有限制

一般使用混合布局

一列布局不適合存放文字 寬度過長容易看走眼,

通常作為**首頁,一般都是固定寬度高度設為自動的

兩列布局:做到寬度自適應使用百分比;

三列布局:左右固定寬度,中間不定義,

left

right

middle

css的三種定位機制:標準文件流,浮動,絕對定位

標準文件劉:特點:從上到下,從左到右,輸出文件內容

由塊級元素及內聯元素組成

塊及元素和行級元素都是盒子模型

盒子模型:邊框,內邊距,外邊距,內容

盒子模型的三維立體結構:從上到下分別為:border,內容以及內邊距,背景,背景顏色,外邊距

auto:自動設定元素的外邊距,用於居中,演算法是瀏覽器總寬度-已經設定的元素塊寬度之後除以二

當想讓頁面居中的時候,一旦margin設定了居中,就不能在使用浮動屬性以及絕對定位屬性

float:元素會左移或者右移,直到碰見容器為止,仍然處於標準文件劉當中,當元素設定了float之後,沒有設定寬度的話,元素的寬度會隨內容的變化而變化,並不影響前面和其相鄰的元素,影響後面緊鄰他的元素以及父元素,會從父元素中跳出來

清楚浮動:overflow:hidden;或者clear:both;

10.inline-block/float的區別

11.定位問題

float   position

Linux 複習重點目錄

linux安全複習 一 linux基本命令 1 檔案管理命令 lvm2 使用者管理命令 3 網路管理命令 4 許可權管理 普通許可權和特殊許可權 許可權命令修改 5 服務命令 6 軟體安裝管理命令 yum安裝 prm包安裝 原始碼包安裝 7 vim cat more less檔案處理 8 程序管理 ...

CSS重點小結

css三大板塊 盒子模型,浮動,定位,其他都是細節。1.盒子模型 把html頁面元素看作是乙個矩形的盒子,也就是乙個盛裝內容的容器。每個矩形都由元素的內容 內邊距 padding 邊框 border 和外邊距 margin 組成。box sizing border box免去計算盒子大小,盒子不會被...

資料庫重點複習

1.nosql的核心理念,簡要介紹 2.nosql的優點 缺點 優點 靈活的資料型別 彈性擴充套件 經濟性 缺點 不提供對sql的支援 支援的特性不夠豐富 現有產品的不夠成熟 3.資料庫技術的研究熱點 4.什麼是移動資料庫?什麼是分布式資料庫?什麼是資料倉儲?1.dbms層次結構 2.oracle資...