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...