最近在学习div和css，遇到了一些问题也解决了很多以前以为很难搞定的问题。比如：如何让两个div显示在同一行呢？（不是用table表格，table对SE不太友好）其实， 是一个块级元素，也就是说，浏览器通常会在 div 元素前后放置一个换行符。可以加一个属性float:left，演示代码如下 .....
分类：
其他好文 时间：
2014-10-30 16:53:59
阅读次数：
194
float属性：定义元素朝哪个方向浮动。1.页面标准文档流、浮动层、float属性1.1 文档流HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。1.2 浮动层浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的...
分类：
Web程序 时间：
2014-10-29 23:47:53
阅读次数：
354
总结IE与ff,chrome存在的差异或技巧或心得体会，我知道还有很多没总结出来，但后续学习到了会继续补充的~1、ie6,ie7不支持对内联元素设置display:inline-block对块级元素设置display:inline-block，ie6，ie7不支持。当您在ie7，ie6上浏览页面时....
分类：
其他好文 时间：
2014-10-28 21:23:13
阅读次数：
261
水平居中文本、图片等行内元素的水平居中给父元素设置text-align:center可以实现文本、图片等行内元素的水平居中确定宽度的块级元素的水平居中通过设置margin-left:auto;和margin-right:auto来实现不确定宽度的块级元素的水平居中（以分页模块为例，ul li实现分页...
分类：
其他好文 时间：
2014-10-24 12:46:35
阅读次数：
177
1，图片垂直居中：
设置包含图片的div：height=20px；line-height=20px。设置图片vertical-align：middle 即可。
2，行内块元素有3px bug，可通过设置为块元素解决。典型元素：img input
行内元素：内容撑开宽高，宽高随内容变化而变化，不可控制宽高，用于控制字体、颜色。可设置line-height
块级元素：默认撑满行，可设置。
...
分类：
Web程序 时间：
2014-10-24 00:29:50
阅读次数：
195
part1：Css1、css中，Transform,Transition,Animation的区别？import和link的区别？2、请用css画一个三角形和圆？3、请解释css sprites和iconfonts？4、行内元素和块级元素的区别？part2：JavaScript1、列举异步加载JS的...
分类：
其他好文 时间：
2014-10-23 19:06:07
阅读次数：
292
文档流
先说说什么是文档流 流是什么 就是一串连续的东西
第一个框
第二个框
第三个框
我换行
我不换行
我们写在html里面的元素 系统会放在数据流里依次读取 按照从左到右从上到下的顺序 放置在页面上
当然在放置的过程中 牵扯到行内元素与块级元素的概念
简单说明一下
块级元素: 如div 每一个div元素占据一行 如果没有...
分类：
Web程序 时间：
2014-10-21 12:15:43
阅读次数：
265
常见的块级元素包括：div、blockquote、列表元素（dl、ol、ui）、fieldset、form、h1-h6、hr、p、pre、table等。内嵌元素包括：span、a、img、label、所有表单输入元素、iframe、object等。
分类：
其他好文 时间：
2014-10-20 00:34:54
阅读次数：
278
块级元素：就是一个方块，像段落一样，默认占据一行出现；内联元素：又叫行内元素，顾名思义，只能放在行内，就像一个单词，不会造成前后换行，起辅助作用。因为存在块级元素，所以会有float；浮动元素会生成一个块级框，而不论它本身是何种元素；且要指明一个宽度，否则它会尽可能地窄；另外当可供浮动的空间小于浮动...
分类：
其他好文 时间：
2014-10-15 19:57:51
阅读次数：
165
inline-block前端程序猿们肯定不陌生，它是display属性的一个取值。 之所以称之为inline-block。是因为它兼具行内元素(inline-element)和块级元素(block-element)的特征。块级元素（block elements）,来源于CSS盒子模型。块级元素...
分类：
其他好文 时间：
2014-10-14 15:58:08
阅读次数：
205
