CSS 可视化设计模型(2)定位方案(Positioning schemes)

摘要: 在CSS2.1中,一个框(box,就是元素形成的方块等)可以根据三种定位体系布局 常规流(Normal Flow):是指浏览器按照html中的元素顺序一个一个的加载,在CSS2.1中,常规流包括块框(的block-level boxes)块格式化,行内框(inline-level boxes)的行内 阅读全文
posted @ 2016-02-06 21:07 womlly 阅读(345) 评论(0) 推荐(0)

CSS 可视化设计模型(1)块框(Block boxex)和 行内框(Inline boxes)

摘要: 包含块(Cotaining Blocks) 在CSS2.1中,很多 box 的定位和大小都根据一个名为包含块 Containing Block 的矩形盒的边缘来计算。一般地,生成的 box 会充当其后代 box 的包含块;我们称盒为其后代“创建”了包含块。说“box的包含块”即是说“box所处的包含块”,而不是box所产生的包含块。 每个box会被赋予一个相对于其包含块的位置,但它不会被局限在... 阅读全文
posted @ 2016-02-06 00:31 womlly 阅读(953) 评论(0) 推荐(0)

CSS 框模型(Box model)简介

摘要: 页面是有元构成的,行内元素(span,img,a)可以放置在一行,而块级元素(div,p)独占一行。 页面上的每个元素都形成了一个矩形区域,这个区域被称为 box。 Box model Box model 是以CSS的角度去看一个元素被渲染后的抽象形态;是讲一个元素自身的构成部分,不同于布局:多个元素在页面上的定位。box model 分为4部分: content area,paddi... 阅读全文
posted @ 2016-02-05 21:16 womlly 阅读(296) 评论(0) 推荐(0)