× 目录 [1]分类 [2]子元素 [3]总结 前面的话 在html5中，<a>元素的子元素可以是块级元素，这在以前是被认为不符合规则的。本文将详细介绍html5的标签嵌套规则 分类 html5出现之前，经常把元素按照block、inline、inline-block来区分。在html5中，元素不再 ...
分类：
Web程序 时间：
2016-04-26 13:54:03
阅读次数：
174
居中分水平和垂直两种，使用的频度也算是很高，下面分情况来讨论一下几种常用的实现方式。 欢迎指正文中的错误，同时如果有学习到新的方式也会更新在后面，也方便以后温故知新。 1.margin 这种方式只能实现固定宽度的块级元素水平居中，如果该元素没有设置宽度或者不是块级元素，则不会生效。 2.line-h ...
分类：
Web程序 时间：
2016-04-19 18:59:42
阅读次数：
206
一、水平居中 1.文本图片水平居中 给父级元素设置text-align:center; 2.确定宽度的块级元素居中 设置自身margin-left:auto;margin-right:auto;别忘了设置自身宽度； 3.不确定宽度的块级元素的居中 （1）用table帮助实现不确定宽度块级元素居中 < ...
分类：
Web程序 时间：
2016-04-19 13:45:11
阅读次数：
174
标签： 块级元素：div p h1 h2 h3 h4 form ul行内元素: a b br i span input selectCss盒模型:内容，border ,margin，padding 行内元素特点 块级元素特点 在html中，<span>、<a>、<label>、<input>、 <i ...
分类：
其他好文 时间：
2016-04-17 00:44:30
阅读次数：
135
由于公司项目要求兼容到IE6，这之中遇到不少CSS兼容性问题，所以就在博客汇总下来，以后在项目中遇到新的兼容性问题，也会在这里更新。 1.IE6下height属性会失效 问题描述：在IE6下，即使块级元素设置了高度，但若元素内部的内容超出设置高度，内部内容会把该块级元素高度撑开，height失效。 ...
分类：
Web程序 时间：
2016-04-16 18:23:43
阅读次数：
209
1.使用inline-block 会产生了元素间的空隙 2.nline-block主要的用处是用来处理行内非替换元素的高宽问题的！行内非替换元素，比如span、a等标签，正常情况下士不能设置宽高的，加上该属性之后，就可以触发让这类标签表现得如块级元素一样，可以设置宽高。注意IE6不支持inline- ...
分类：
其他好文 时间：
2016-04-16 10:57:07
阅读次数：
136
一、单行文本垂直居中 HTML： CSS： 二、垂直居中一张图片 HTML CSS 以下CSS代码，都以本HTML为基础： HTML 三、块级元素 CSS 四、通用 CSS 五、通用，但在IE版本低于7时不能正常工作 CSS 六、通用 CSS 七、通用 HTML CSS #parent { back ...
分类：
Web程序 时间：
2016-04-14 13:59:56
阅读次数：
135
行内元素： a, b, span, img, input, strong, select, label, em, button, textarea 块级元素： div, ul, li, dl, dt, dd, p, h1-h6, blockquote 空元素： br, meta, hr, link, ...
分类：
其他好文 时间：
2016-04-13 23:30:04
阅读次数：
209
在css盒子模型中，我们提到了html元素中的块元素（block element）和内联元素（inline element）。那么它们究竟是什么呢？ 其实，这两种元素都是html规范中的概念。块元素(block element)一般是其他元素的容器元素，能容纳其他块元素或内联元素。最常见的就是P和d ...
分类：
其他好文 时间：
2016-04-13 13:13:35
阅读次数：
121
百度的时候有人说行内元素浮动之后会变成块级元素，于是继续在网上搜索，又有人说不加display：block就变不了会计元素；好的吧，实践出结果，自己试试吧，个人总结了一下： 行内元素设置成浮动之后变得更加像是inline-block（行内块级元素，设置成这个属性的元素会同时拥有行内和块级的特性，最明 ...
分类：
其他好文 时间：
2016-04-12 16:00:48
阅读次数：
159
