css2 1的一些深入了解(1)

2021-10-01 15:23:11 字數 682 閱讀 4994

最近感覺晚上9點以後有點閒,每天補充一點深入了解的東西,算是能加快進度吧

1.定位,包含塊,預設值問題

視口和包含塊不是乙個東西

初始包含塊是乙個視窗大小的矩形

對於設定有position屬性的元素,若position:relative或者static那麼包含塊為最近的塊級祖先元素的內容區域

對於乙個非根元素,如果position值為absolute,包含塊設定為最近的position值不是為預設值的祖先元素過程如下

如果祖先為塊級元素,包含塊則設定為該元素的內邊距邊界

如果沒有祖先,元素的包含塊定義為初始包含塊

總結:定位參照誰來定位,包含塊,只是不一樣的情況下包含塊不同

left ,top ,right,width等預設值為auto 不是0

margin padding 預設值為0

boder-width 預設值中等大小

百分比參照誰width

css2 1的一些深入了解(2)聖杯布局與雙飛翼

聖杯布局 主要是利用float position 以及margin為負值控制邊界 charset utf 8 title type text css body header,footer content content middle,content left,content right middle...

您對CSS 2 1的了解

css 2修訂版1已經作為候選建議發布了將近兩個月,但令人驚訝的是,網上對此的討論很少。這是乙個有趣的規範,任何有標準意識的web開發人員都應該意識到。css 2.1對css 2進行了修訂,以更好地反映瀏覽器市場的當前狀況,並借鑑自css 2發布以來的四年經驗。它修剪掉了整個css社群從未真正採用的...

css限定字元 您對CSS 2 1的了解

css限定字元 css 2修訂版1已作為候選建議發布了將近兩個月,但令人驚訝的是,網上對此討論很少。這是乙個有趣的規範,任何有標準意識的web開發人員都應該意識到。css 2.1對css 2進行了修訂,以更好地反映瀏覽器市場的當前狀況,並借鑑自css 2發布以來的四年經驗。它刪除了整個css社群從未...