根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“...
分类：
Web程序 时间：
2014-12-26 18:14:15
阅读次数：
167
1. 盒子的浮动 在标准流中，一个块级元素在水平方向会自动伸展，知道包含它的元素的边接；而在竖直方向与相邻元素依次排列，不能并排。 CSS中float属性，默认为none。将float属性的值设置为left或right，元素就会向其父元素的左侧或右侧靠紧。同时默认情况下，盒子的宽度不再伸展，而是.....
分类：
Web程序 时间：
2014-12-26 12:32:32
阅读次数：
168
1. 标准文档流 标准文档流是值在不使用其他的雨排列和定位相关的特殊CSS规则时，各种元素的排列规则。1.1 块级元素（block level） 块级元素不会排在同一行中，总是以一个块的形式表现出来，并且跟同级的块级元素依次竖直排列，左右撑满。1.2 行内元素（inline） 行内元素本身不占...
分类：
Web程序 时间：
2014-12-26 11:06:33
阅读次数：
160
1、行内元素不会应用width和height属性，可以设置line-height。2、行内元素margin-left,margin-right,padding-left,padding-right有效3、对于块级元素，未浮动的垂直相邻元素的上边界和下边界会被压缩。4、通过display:block;...
分类：
其他好文 时间：
2014-12-25 01:26:09
阅读次数：
286
display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inl...
分类：
其他好文 时间：
2014-12-22 19:28:11
阅读次数：
131
块状元素与行内元素是CSS学习的基础内容，下面进行详细讲解！ 根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为块级元素；而span元素的默认display...
分类：
其他好文 时间：
2014-12-22 19:16:56
阅读次数：
194
浮动和定位的相关知识，是设计精美网页的必要前提之一。在学习浮动与定位之前，我们先了解一下相关知识“标准流”。
一、标准流
标准流，是指在不适用其他的与排列和定位相关的特殊CSS规则时，各种元素的排列规则。在标准流中，块级元素的盒子都是上下排列，行内元素的盒子都是左右排列的。我们把这些元素分为以下两类：
块级元素（block level）：占据着整个矩形区域...
分类：
其他好文 时间：
2014-12-21 19:28:51
阅读次数：
275
CSS中块级元素的（width+padding+marninig+border）因该等于其包含块的width。其中margin可能为负值，其他均为正值。 如果width和margin-left和margin-right都设置为auto的话，浏览器代理会默认将margin-left和m...
分类：
Web程序 时间：
2014-12-18 10:31:14
阅读次数：
162
在做弹出层时需要对div获取失去焦点focus blur只是针对form表单控件的，而对于 span , div , li 之类的，则没办法触发它们的动作几个事件（摘自w3c）。blur事件: 当元素失去焦点时发生 blur 事件。focus事件:focus() 方法用于赋予文本域焦点(也值让某些元...
分类：
其他好文 时间：
2014-12-15 17:04:47
阅读次数：
232
起因：在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误，甚是诧异。于是究其原因，发现块级元素P内是不能嵌套DIV的。
深究：我们先来认识in-line内联元素和block-line块元素，因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。
in...
分类：
Web程序 时间：
2014-12-14 15:48:33
阅读次数：
242
