首页 > 代码库 > 李洪强和你一起学习前端之(6)浮动 布局 定位
李洪强和你一起学习前端之(6)浮动 布局 定位
亲爱的,美好的一天开始了,今天是2017年3月22日,时间真快,三月马上就要结束了,
希望我们不负大好时光,活到老,学到老,吃得苦中苦,方为人上人!
CSS基础
1 复习昨天知识
1.1行高
行高可以继承
1.2行高单位
单独的盒子设置: Px em % 不带单位
给父盒子设置: Px 2em % 不带单位
1.3盒模型组成
1.3.1 Border
->border-width
->border-style
->border-color
->Border: border-style border-width border-color
->border-top
1.3.2Padding
->取值
->影响盒子大小
->边框影响盒子大小
上下左右
1.3 Margin
盒子与盒子之间的距离
外边距不会影响盒子大小
取值
外边距合并问题
垂直显示的盒子
盒子嵌套(外边距合并)
给父盒子设置border值
给父亲盒子设置overflow:hidden
2 新知识
2.1标准流(文档流)
块级元素独占一行显示 标准流的显示方式
元素默认的显示方式就是标准流
2.2浮动
用法:
Float: left|right
特点:
设置了浮动的元素不占原来的位置(脱标)
李洪强和你一起学习前端之(6)浮动 布局 定位
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。