首页 > 代码库 > 李洪强和你一起学习前端之(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)浮动 布局 定位