佈局——聖盃和雙飛翼佈局

1. css能夠繼承的屬性有哪些？

Font 系列 text系列 color line-height

1. border-radius的值的問題

 

四個值的順序是 左上 右上 右下 左下。

1. white-space 規定段落中的文本換不換行 每每值是nowrap 不換行
2. Word-wrap 屬性容許長的內容能夠自動換行  屬性值是 break-word 容許 默認是不容許
3. 寫三角形

 

寬高必須是0

1. 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不夠，就把本身的寬高貢獻出去。