css学習

1443 ワード

1. display
レイアウトを管理します.彼がいなければ、ページはずっと下へ行きます.
 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              。
            ,          (      ),               ,            ,           ,        ,          ,          ,           :