CSS知識點整理 2 框模型,定位

2022-08-30 16:30:24 字數 457 閱讀 3624

1. 框模型:box model 規定了元素處理元素框處理元素內容、外邊距、邊框、內邊距的方式。

2. 當邊距給定的值 可以小於4個。css定義了一些規則、處理這中情況:

3. 外邊距合併:當兩個垂直方向(相對於水平方向)的外邊距相遇時,它們將合成乙個外邊距。

合併後的數值:合併前的較大值

4. 合併發生在兩個同級元素之間,子元素和父元素之間,也可能發生在自身。

詳情參考: 

5. 定位的相關概念

·文件流

·流式布局

·列式布局

·正常流布局

·行框·行內框、行內元素

·塊框、塊級元素

·無名框、無名塊框

·包含框

注意「行框」與「行內框」

6. 相對定位,clip的屬性值以及解釋,並計算剪裁後圖形的高度

7. 浮動的3個案例:水平選單,**,簡單首頁

CSS 知識點整理

本文是我整理的關於css的部分基礎知識點,適合正在準備前端工作面試的人做簡單回顧。css盒模型本質上是乙個盒子,封裝周圍的html元素,它包括 邊距,邊框,填充,和實際內容。利用css我們可以擺脫html標籤歸類的限制,自由地在不同標籤 元素上應用我們需要的屬性。主要用的css樣式有以下三個 pos...

CSS 知識點整理

均為外部引用css檔案 stylesheet href xx.css type text css import url xx.css 1 link屬於html標籤,而 import是css提供的 2 頁面被載入的時,link會同時被載入,而 import引用的css會等到頁面被載入完再載入 3 li...

CSS屬性 盒模型知識點整理

感覺好像markdown編輯器在移動端顯示貌似有點問題,很多列表編號都沒有了,好奇怪.由於剛剛開始學習寫部落格,可能很多地方都存在不足,希望看到的朋友可以給些建議 謝謝 主流瀏覽器 核心internet explorer trident google chrome webkit blink oper...