css学習
1443 ワード
1. display
レイアウトを管理します.彼がいなければ、ページはずっと下へ行きます.
2.margin
3.ボックスモデル
4.position
5.float
レイアウトを管理します.彼がいなければ、ページはずっと下へ行きます.
1. block
div 。 。 p 、 form HTML5 : header 、 footer 、 section 。
2. inline
span 。 。 a , 。
3.none
display , script 。 display:none JavaScript 。
visibility 。 display none , visibility: hidden; 。
2.margin
width: 600px;
margin: 0 auto;
600, , 600 , width max-width , 。
3.ボックスモデル
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
css width heigth border 。 content-box( );border-box;inherit;
4.position
static: , (positioned)。 。
relative: top 、 right 、 bottom left 。 。 。 。
fixed: 。 。
absolute: , 。
5.float
float ,
float , 。
fload position absolute , absolute 。
, ( ), , , , , , , :