佈局——聖盃和雙飛翼佈局
阿新 • • 發佈：2018-12-14
- css可以繼承的屬性有哪些？
Font 系列 text系列 color line-height
- border-radius的值的問題
四個值的順序是 左上 右上 右下 左下。
- white-space 規定段落中的文字換不換行 往往值是nowrap 不換行
- Word-wrap 屬性允許長的內容可以自動換行 屬性值是 break-word 允許 預設是不允許
- 寫三角形
寬高必須是0
- margin對佈局的影響 雙飛翼佈局 聖盃佈局 （）
Margin是 外邊距，屬性值是數字 數字又分正負。
正數：margin：20px；
負數：在static元素中（標準流下）margin-left為負數當前元素向左走 margin-top為負當前元素向上走
Margin-bottom為負數後當前元素不動後面的元素向上走，margin-right為負數當前元素不動後面的元素向左走
注意的，margin為負會增大當前元素的寬（前提是當前元素沒有設定width）
場景
給ul一個margin-right 就無形之中給ul加了20px寬度。
在float下
Margin為負 也是我們常用的雙飛翼，聖盃佈局
中間自適應 兩端固定
給元素margin-left為負當前元素向左走，margin-right為負後一個元素向左走會覆蓋當前元素。
在absolute下
Margin為負
讓元素居中，前提是知道元素的寬高。
div{
Position：absolute；
Left：50%；
Top：50%；
Margin-left:-width/2;
Margin-top:-height/2
}
Margin為負無論在什麼條件下都是釋放自己的空間，如果自己的margin不夠，就把自己的寬高貢獻出去。