加载中…
个人资料
大千世界
大千世界
  • 博客等级:
  • 博客积分:0
  • 博客访问:54,195
  • 关注人气:10
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

【CSS基础NO.3】CSS定位

(2017-11-13 15:50:52)
标签:

html5

css

浮动float

定位position

分类: html5
一、CSS定位
1.CSS定位:改变元素在页面上的位置。
2.CSS定位机制:
普通流:元素按照其在HTML中的位置顺序决定排布的过程
浮动:
绝对布局:
3.CSS定位属性
属性                      描述                                                                                           
position         八元素放在一个静态的、相对的、绝对的、或固定的位置中    static、relative、absolute、fixed
top                 元素向上的偏移量
left                 元素向左的偏移量
right               元素向右的偏移量
bottom           元素向下的偏移量
overflow         设置元素溢出其区域发生的事情
clip                  设置元素显示的形状
vertical-align   设置元素垂直对齐方式
z-index            设置元素的堆叠顺序

position属性:
relative:相对布局    可以设置偏移量
absolute:绝对布局
fixed:固定布局  滑动页面,该布局不动
static:静态布局   无法设置偏移量

二、浮动
float属性:
left:元素向左浮动
right:元素向右移动
none:元素不浮动
inherit:从父级继承

clear属性:
去掉浮动属性(包括继承来的属性),
属性值:
left、right:去掉元素向左向右浮动
both:左右两侧均去掉浮动
inherit:从父级继承来clear的值


0

阅读 评论 收藏 转载 喜欢 打印举报/Report
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有