CSS Positioning

来源:互联网 发布:香港网络运营商有几家 编辑:程序博客网 时间:2024/06/05 05:55

1、display属性

1)block,成块,占据整行

2)inline-block,成块,不占据整行

3)inline,成线性

4)none,整屏幕


2、Margin,borders,Padding

1)Margin,边距(设置为auto时将居中)

    margin-top:20px;
    margin-right:50px;
    margin-bottom:10px;
    margin-left:5px;

2)borders,边框

3)Pading,内边距

    podding:20px,4个方向都是20

    podding-top:20px;
    podding-right:50px;
    podding-bottom:10px;
    podding-left:5px;


3、Float,悬浮

float:right/left/top/bottom,设置悬浮

clear:both,清除悬浮


4、Absolute, Relative, and Fixed Positioning

position的3种属性


原创粉丝点击