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

CSS知识点整理(2):框模型,定位

时间:2017-12-31 21:06:41      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:注意   log   外边距   网址   http   案例   文档   百度   osi   

1. 框模型:Box Model 规定了元素处理元素框处理元素内容、外边距、边框、内边距的方式。

2. 当边距给定的值 可以小于4个。CSS定义了一些规则、处理这中情况:

  • 如果缺少左外边距的值,则使用右外边距的值。
  • 如果缺少下外边距的值,则使用上外边距的值
  • 如果缺少下外边距的值,则使用上外边距的值。

3. 外边距合并:当两个垂直方向(相对于水平方向)的外边距相遇时,它们将合成一个外边距。

合并后的数值:合并前的较大值

 

4. 合并发生在两个同级元素之间,子元素和父元素之间,也可能发生在自身。

详情参考: http://www.w3school.com.cn/css/css_margin_collapsing.asp

 

5. 定位的相关概念

·文档流

·流式布局

·列式布局

·正常流布局

·行框

·行内框、行内元素

·块框、块级元素

·无名框、无名块框

·包含框

 

注意“行框”与“行内框”

参考网址:  http://www.w3school.com.cn/css/css_positioning.asp  其他百度

 

6. 相对定位,clip的属性值以及解释,并计算剪裁后图形的高度

 

7. 浮动的3个案例:水平菜单,表格,简单首页

http://www.w3school.com.cn/css/css_positioning_floating.asp

 

CSS知识点整理(2):框模型,定位

标签:注意   log   外边距   网址   http   案例   文档   百度   osi   

原文地址:https://www.cnblogs.com/marmot-1212/p/8158021.html

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