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{
Position:absolute;
Left:50%;
Top:50%;
Margin-left:-width/2;
Margin-top:-height/2
}
margin爲負不管在什麼條件下都是釋放本身的空間,若是中間的margin不夠 就把本身的寬高貢獻出來。