块级标签：显示为“块”状，独占一行 不管内容多少都会占据一整行 具有宽度和高度，可以通过width、height属性设置宽高 行级标签：在一行内按照先后顺序显示 只占据显示自己内容的宽度，不会占据整行 不能通过width、height属性设置宽高 如果设置了float属性或display属性，就可以 ...
分类：
其他好文 时间：
2016-08-02 20:51:12
阅读次数：
124
1.行内标签转换成块级标签的方法 2.块级标签转换成行内标签的方法 初始的情况： 改变后： 2.行内标签设置宽和高不起作用的，它的宽和高是由其中的内容决定的。 所以如果要设置行内标签的高度则需转换成块级元素 行内标签有，span,strong,img,a 此外a标签有伪类，伪类的作用就是让其有很多状 ...
分类：
其他好文 时间：
2016-07-21 00:29:01
阅读次数：
1425
一、首先要了解什么是块级元素与行级元素 块级元素 会占领页面的一行，其后多个block元素自动换行、 可以设置width，height，设置了width后同样也占领一行、同样也可以设置 margin与padding属性。 ps:常见的块级元素:div,img,ul,form,p等 行级元素 与其他元 ...
分类：
其他好文 时间：
2016-06-21 10:51:04
阅读次数：
109
利用CSS进行元素的水平居中，比较简单，行级元素设置其父元素的text-align center，块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法，每一种适用于不同的情况，在实际的使用过程中选择某一种方法即可。 Line-H ...
分类：
其他好文 时间：
2016-06-13 23:21:21
阅读次数：
166
display: inline-block: 可设置宽高的行级元素，如果inline-block元素本行无法显示完全的话则整个换行而不是里面的单词换行 position: 设置参照物，top,left,right,bottom就是相对于参照物的偏移量 poistion relative: 仍在文档流 ...
分类：
Web程序 时间：
2016-06-06 06:45:13
阅读次数：
171
1、标准文档流 在正常流中，在没有使用浮动或者定位的情况下，文本元素按照从上到下、从左到右的格式布局。这是浏览器的默认行为。在正常流中，块级元素从上到下依次排列，而行级元素从左到右依次排列。正常流中的元素影响其相邻元素的位置。 2、块级元素 前后换行显示，默认状态下独占一行； 块级元素可以作为容器， ...
分类：
Web程序 时间：
2016-06-05 00:53:59
阅读次数：
202
行内元素和块级元素 行内元素(行级元素) 多个元素会在一行内显示 块级元素 独立成行 注意：块级元素能够嵌套行内元素 <div> <span></span> </div> 行内元素是不允许嵌套块级元素的 <span> <div></div> </span> 标准错误写法2、行内分区元素 <span> ...
分类：
Web程序 时间：
2016-05-30 10:04:14
阅读次数：
146
行级元素之间的空白距离 如下图所示：（看似是一张图，实际上是三张图分别放在<a>标签中实现，如果没有经过特殊的处理，那么图与图之间就会留有空隙，影响页面布局的效果） 示例代码如下： 运行结果： 此时需要把html文档中行级标签之间的距离都去掉，即将所有的<a>标签写在同一行中且之间没有距离即可。如下 ...
分类：
Web程序 时间：
2016-05-28 17:33:53
阅读次数：
260
一、块级元素 与 行级元素 要理解display:inline、block、inline-block的区别，需要先了解HTML中的块级（block）元素和行级（inline）元素的特点，行内元素也叫内联元素。 1、块级元素 总是另起一行开始；高度，行高以及顶、底边距都可以控制；宽度缺省是它所在容器的 ...
分类：
其他好文 时间：
2016-04-04 11:34:25
阅读次数：
286
行级元素和块级元素 1.什么是标准文档流在不使用绝对定位和浮动等CSS相关规则的时候，咋们的各个元素排列的规则。换句话说就是CSS规定网页元素默认排列的方式 2.块级元素与行级元素比较，特点：*独占一行，前后的内容换行显示。*块级元素可以作为容器，可以容纳其他块级元素和行级元素，经常用来布局，行级元 ...
分类：
Web程序 时间：
2016-03-29 23:44:57
阅读次数：
301
