李洪强和你一起学习前端之(6)浮动 布局 定位

标签：盒模型   pad   嵌套   nbsp   font   位置   idt   1.2   学习   

亲爱的,美好的一天开始了,今天是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)浮动 布局 定位

标签：盒模型   pad   嵌套   nbsp   font   位置   idt   1.2   学习   

原文地址：http://www.cnblogs.com/LiLihongqiang/p/6599046.html