1.寫頁面 2.css的繼承屬性有哪些 3.margin對佈局的影響

 1. sparent 透明的css

2. placeholder 提示語模塊化

寫頁面佈局

1.搞清結構層次spa

2. 保證模塊化 讓它們之間不能收到影響。blog

(1) 元素性質繼承

  (2)標準流文檔

浮動帶來的脫離文檔流撐不起父級的高度的問題能夠採用清楚浮動的方式消除影響。it

absolute 和fixed 帶來的脫離文檔流撐不起父級高度,使用子元素設置高強制撐起父級。io

 

1.css能夠繼承的屬性哪些?float

font系列 text系列 color line-height

2.border-radius 值的問題

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

3.white-space 規定段落中 的文本換不換行 每每值是nowrap 不換行

4.word-wrap 屬性容許長時間的內容能夠自動換行,屬性值 break-word 容許 默認是不容許

5.寫三角形

寬高必須是0

6. margin 對佈局的影響 雙飛翼 聖盃佈局

雙飛翼佈局 中間固定兩端auto

聖盃佈局 兩端固定 中間auto

margin-bottom 爲負數後當前元素不動 後面元素向上走,nargin-right爲負數當前元素不動後面元素向左走

     注意的 margin爲負數會增大當前元素的寬 (前提是當前元素沒有設置width)

在float下

Margin爲負 也是咱們經常使用的雙飛翼 聖盃佈局

中間自適應 兩端固定

    給元素margin-left爲負數當前元素像左走 margin-right爲負數後一個元素向左走會覆蓋當前元素

absolute 下

margin爲負

讓元素劇中,前提是知道元素的寬高

div{

Positionabsolute

Left50%

Top50%

Margin-left:-width/2;

Margin-top:-height/2

}

margin爲負不管在什麼條件下都是釋放本身的空間,若是中間的margin不夠 就把本身的寬高貢獻出來。

相關文章
相關標籤/搜索