标准文档流 块级元素撑满整个页面div，ul，li，dl，dt，p 行级元素可以一行显示多个span，strong，img，input大部分 一般不设置盒子的高度，另其自动调整 margin属性的auto值适用于盒子相对于浏览器的自动居中 浮动 当元素没有设置宽度值，而设置了浮动属性，元素的宽度随着 ...
分类：
Web程序 时间：
2016-09-28 07:39:49
阅读次数：
169
如果想让某个容器（div或者li或者...块级元素）显示一行文字，当文字内容过多时，不换行，而是出现...,可以使用text-overflow:clip|ellipsis 基本语法：text-overflow : clip | ellipsis 若为text-overflow:clip 取默认值，不 ...
分类：
Web程序 时间：
2016-09-27 18:09:31
阅读次数：
189
块级元素都具备盒子模型，盒子模型有padding（top、left、right、bottom内容到盒子的距离）和margin（top、left、right、bottom盒子之间的距离）属性。 盒模型--边框（一） 盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个 ...
分类：
Web程序 时间：
2016-09-26 18:07:59
阅读次数：
160
《CSS权威指南》中文字显示：任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复，每一行下方都会有一条黑色的细线。如 ...
分类：
其他好文 时间：
2016-09-25 09:30:08
阅读次数：
132
独占一行 能设置宽高 垂直方向的margin padding 水平方向margin padding 块级元素： 是 是 是 是 是 是 内联元素： 否 否 否 是 是 是 ...
分类：
其他好文 时间：
2016-09-24 16:12:41
阅读次数：
128
1.块级元素中插入一个内联img元素后,产生多余间隙 代码 消除图片底部间隙几种方法 1.图片与底线对齐 2.图片元素块状化-无基线对齐 3.行高足够小，基线上移 4.消除隐匿文本字体大小 源码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <met ...
分类：
其他好文 时间：
2016-09-24 00:48:42
阅读次数：
323
要注意以下几点： 1、 浮动元素会被自动设置成块级元素，相当于给元素设置了display:block（块级元素能设置宽和高，而行内元素则不可以）。 2、 浮动元素后边的非浮动元素显示问题。 3、 多个浮动方向一致的元素使用流式排列，此时要注意浮动元素的高度。 4、子元素全为浮动元素的元素高度自适应问 ...
分类：
其他好文 时间：
2016-09-23 19:55:54
阅读次数：
162
display:元素是块级元素还是内连元素还是不显示 overflow:规定当内容溢出元素框时发生的事情 一些与table相关的属性border-collapse:设置表格的边框是否被合并为一个单一的边框 border:设置表框的属性按border-width， ...
分类：
Web程序 时间：
2016-09-23 13:19:22
阅读次数：
162
line-block:设置行间的距离（行高），只能控制块级元素，span这样的行内元素无法控制，并且当块级元素 中包含span的时候设置line-block会使span的自适应高度小于块级元素的高度，上边的距离会产生空隙 white-space：设置文字为一行显示不换行，比如LI的文字如果宽度超过了 ...
分类：
其他好文 时间：
2016-09-23 12:50:43
阅读次数：
105
块级元素 内联元素 块级元素(block)特性： 总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示; 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; address - 地址blockquote - 块引用center - 举中 ...
分类：
Web程序 时间：
2016-09-22 11:23:23
阅读次数：
146
