雙飛翼布局:中間固定,兩端自適應
聖杯布局:中間自適應,兩端固定
margin是外邊距,屬性值是數字,數字又分正負
整數:margin:20px;說明上、右、下、左外邊距都是20px;
負數: 在static元素中(標準流下)margin-left為負數當前元素向左走,margin-top為負數當前元素向上走
margin-bottom為負數後當前元素不動後面的元素向上走,margin-right為負數當前元素不動後面的元素向左走
注意:margin為負會增大當前元素的寬(前提是當前元素沒有設定width)
在float下,給元素margin-left為負當前元素向左走,margin-right為負後乙個元素向左走會覆蓋當前元素
在absolute下,margin為負,讓元素居中,前提是知道元素的寬高。
margin為負無論在什麼條件下都是釋放自己的空間,如果自己的margin不夠,就把自己的寬高貢獻出去。
CSS中margin值為負對布局的影響
一 首先是對自身的影響 1.margin left,margin right會增加元素自身寬度。m 當自身元素寬度未設定或width auto時,margin為負值會增加元素自身的寬度 如圖 width auto時 如圖 width auto時且設定了margin left 40px 2.margi...
margin負值 一 之對自身的影響
1.margin left margin right負值 當元素不存在width屬性或width auto時,負值margin會增加元素的寬度。注意 這僅是在元素不存在width屬性或則width屬性預設時。doctype html html lang en head meta charset ut...
形狀對介面布局設計的影響
我們日常生活中所了解的形狀各式各樣的,對我們生活影響極其大,比如地下水井蓋為程式設計客棧何做成圓形,電線桿的外形為何是圓形,高鐵火車頭前面為何是尖尖的,而不是方形等等,那麼在產品介面設計中,形狀對它的影響也是極其大,每一種樣式所傳達的感受是不同的,矩形 平行四邊形 圓形 三角形,其他不規則圖形,我把...