块级元素 ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制； ③宽度缺省是它的容器的100%，除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 行内级元素 ①和其他元素都在一行上； ②高，行高及外边距和内边距不可改变； ③宽度就是它的文字或图片的宽度，不可改变 ④内联元素只能容纳文本...
浮动与清除浮动, 意思就是把元素从常规的文档流中拿出来.拿出来干什么? 一是可以实现传统出版物上那种文字围绕图片的效果, 二是可以让原来从上往下罗列(堆叠)的块级元素, 变成左右并列, 从而实现分栏布局.浮动和清除是用来组织页面布局的一柄利剑,这柄利剑的剑刃就是float和clear属性.浮动元素脱...
分类：
其他好文 时间：
2014-06-14 18:04:39
阅读次数：
240
定位部分包含了两个模型：视觉格式化模型和定位模型。理解这两个模型的细微差异是非常重要的，因为它们一起控制着如何在页面上布置每个元素。
/**********视觉格式化模型***************/
p、h1、div等元素常常被称为块级元素，与此相反，strong和span等元素称为行内...
分类：
Web程序 时间：
2014-06-12 10:57:29
阅读次数：
253
网页设计中最常用的标签p、div、h1-h6（默认为块级元素）,span(默认为内联元素)1、把元素显示为内联元素和把元素显示为块级元素 我是div块级元素
我是span内联元素2、设置元素不可见和设置元素为inline-block 我是div块级元素 我是span内联元素 ...
分类：
Web程序 时间：
2014-06-12 08:49:55
阅读次数：
528
sition 设置为 relative 的时候，元素依然在普通流中，位置是正常位置，你可以通过 left right 等移动元素。会影响其他元素的位置。
而当一个元素的 position 值为 absolute 或 fixed 的时候，会发生三件事：
把该元素往 Z 轴方向移了一层，元素脱离了普通流，所以不再占据原来那层的空间，还会覆盖下层的元素。
该元素将变为块级元素，相当于给该元素设置了 display: block;（给一个内联元素，如 ，设置 absolute 之后...
分类：
Web程序 时间：
2014-06-11 06:36:55
阅读次数：
307
最近在做的一个网站发生了一个很诡异的BUG：使用IE浏览页面时，一切都挺正常；而使用Firefox浏览时，发现某些页面元素之间的距离比预期的要宽很多，HTML元素本身的hight、padding和margin值都很正常，只是元素之间像是增加了一个空行或一个类似于DIV的块级元素；用F12调出开发者工...
分类：
其他好文 时间：
2014-05-29 14:29:17
阅读次数：
282
今天学习二列和三列布局，将涉及到以下内容和知识点二列自适应宽度 二列固定宽度 二列固定宽度居中
xhtml的块级元素(div)和内联元素(span) float属性 三列自适应宽度 三列固定宽度 三列固定宽度居中 IE6的3像素bug
一、两列自适应宽度下面以常见的左列固定右列自适应为例，因为div...
分类：
Web程序 时间：
2014-05-25 23:21:08
阅读次数：
364
1.float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在
CSS
中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。div一个典型的块级元素，会单独占据一行。先看看最基本的块级元素如何排列的。html代码，以下样式都是基于此。
...
分类：
Web程序 时间：
2014-05-25 19:06:29
阅读次数：
412
