码迷,mamicode.com
首页 > Web开发 > 详细

CSS七.....

时间:2016-08-16 18:40:35      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:

1.dispaly:设置元素的显示方式。属性值:

block:显示为块级,占据整行,可以设置宽高。

inline:显示为行级,允许和其他元素在同一行,不可以设置宽高。

none:隐藏对象。

inline-block:行内块级,可以在同一行也可以设置宽高。

<style>
    .dis {
            width:100px;
            height:100px;
            background:#ccc;
            dispaly:none;
}
</style>
<body>
            <div class="dis"></div>
</body>

2.float:控制元素是否浮动显示,属性值:left/right/none。

<style>
    .dis {
            width:100px;
            height:100px;
            background:#ccc;
            float:right;
}
</style>
<body>
            <div class="dis"></div>
</body>

3.position:设置元素的定位。

a.absolute:绝对定位。

b.relative:相对定位。

c.fixde:固定定位。

<style>
    .dis {
            width:100px;
            height:100px;
            background:#ccc;
            position:fixed;
            right:0;
            bottom:100px;
}
</style>
<body>
            <div class="dis"></div>
</body>

  

CSS七.....

标签:

原文地址:http://www.cnblogs.com/lss-bk/p/5777443.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!