一、块级元素 与行级元素要理解display:inline、block、inline-block的区别，需要先了解HTML中的块级（block）元素和行级（inline）元素的特点，行内元素也叫内联元素。1、块级元素总是另起一行开始；高度，行高以及顶、底边距都可以控制；宽度缺省是它所在容器的100%...
分类：
其他好文 时间：
2014-11-01 17:45:07
阅读次数：
175
水平居中文本、图片等行内元素的水平居中给父元素设置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
平时制作页面的时候经常会用到inline-block属性的元素，而他们是有默认间距的。今天制作移动端的时候又遇到这个问题，所以仅此记录一下解决方法有：第一种方法：加上font-size:0; 和 font-size:12px; 不兼容safari浏览器，用行内元素李欢li，ie6下面中间有右间距1像...
分类：
其他好文 时间：
2014-10-21 11:44:12
阅读次数：
162
现在让我们开始制作箭头吧！在开始前，你要知道如何用CSS去画一个三角形，如果还不清楚可以看看这里纯CSS画各种图形我们用到两个CSS伪元素，before和after，它们属于行内元素，但可以用display来改变，before和after是在CSS2的新特性（现在已经老了），浏览器对其兼容性还未了解...
分类：
Web程序 时间：
2014-10-21 00:41:04
阅读次数：
557
块级元素：就是一个方块，像段落一样，默认占据一行出现；内联元素：又叫行内元素，顾名思义，只能放在行内，就像一个单词，不会造成前后换行，起辅助作用。因为存在块级元素，所以会有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
在CSS中是有三种定位机制的：普通文档流、浮动和绝对定位。在未指定其它两种定位机制的情况下，所有框都是在普通文档流中定位的。普通文档流： 普通文档流，顾名思义，就是根据块级元素的标签在HTML里的顺序，像水流一样，从上至下。当然对于行内元素而言，还是在一行中水平排列的。 这里插入一个积累的小知识.....
分类：
其他好文 时间：
2014-10-14 15:31:14
阅读次数：
195
