我来说句人话吧。display:inline; 内联元素，简单来说就是在同一行显示。display:block; 块级元素，简单来说就是就是有换行，会换到第二行。display:inline-block; 就是在同一行内的块级元素。说概念太模糊，来个真实案例吧。链接一链接一A默认就是一行，所以inl...
分类：
其他好文 时间：
2015-09-14 23:57:06
阅读次数：
322
1.实现自动居中---列布局：标准文档流，块级元素，margin属性margin:10px auto;2.清除浮动：p{clear:both;} 或 p{width:100%; overflow:hidden;}3.相对定位relative：相对于自身原有位置产生偏移量，仍处于标准文档流中占有位置，...
分类：
Web程序 时间：
2015-09-12 14:40:57
阅读次数：
112
一、width：auto ? 1、块级元素默认的宽度值，意味着浏览器会自己选择一个合适的宽度值。 2、内容的宽度=‘margin-left‘ + ‘border-left-width‘ + ‘padding-left‘ + ‘width‘ + ‘padding-right‘ + ‘border-right-w...
分类：
Web程序 时间：
2015-09-12 12:23:51
阅读次数：
267
块级元素和行内元素是布局中常见的两种基本元素，但是未必有很多人深入的研究它们的细微差别。 常见块级元素：div p form ul ol li 等； 常见的行内元素：span stronh em;它们的区别主要有以下几点： 1.块级元素独自占一行，行内元素不会独占一行。未完待续
分类：
Web程序 时间：
2015-09-11 14:27:21
阅读次数：
194
display:block;是让对象成为块级元素(比如a，span等)转化后 可以对a或者span标签进行width和height设置，否则设置不了display有很多对象，具体可以参考http://www.w3school.com.cn/css/pr_class_display.asp一般都是用d...
分类：
其他好文 时间：
2015-09-08 15:18:03
阅读次数：
234
1.BFC 全称是块级排版上下文，用于对块级元素排版，默认情况下只有根元素（body)一个块级上下文，但是如果一个块级元素 设置了float:left，overflow:hidden或position:absolute样式，就会为这个块级元素生成一个独立的块圾上下文，就像在window全局作用域内，...
分类：
其他好文 时间：
2015-09-07 12:28:30
阅读次数：
123
1.BFC 全称是块级排版上下文，用于对块级元素排版，默认情况下只有根元素（body)一个块级上下文，但是如果一个块级元素 设置了float:left，overflow:hidden或position:absolute样式，就会为这个块级元素生成一个独立的块圾上下文，就像在window全局作用域内，...
分类：
其他好文 时间：
2015-09-07 12:24:03
阅读次数：
157
display 属性规定元素应该生成的框的类型。定义建立布局时元素生成的显示框类型display:none;//此元素不会被显示display:block;//此元素将显示为块级元素，此元素前后会带有换行符。display:inline;//默认。此元素会被显示为内联元素，元素前后没有换行符。dis...
分类：
Web程序 时间：
2015-09-04 18:37:33
阅读次数：
136
CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这...
分类：
Web程序 时间：
2015-09-04 16:54:20
阅读次数：
146
一、整体结构用div代替table布局结构、表现、行为三者分离，避免内联良好的树形结构四个空格代替一个tab能并列就不嵌套代替引用的class要少二、代码格式严格的属性属性和值全部小写，每个属性都必须有一个值，每个值必须加双引号。严格的嵌套内联元素不能包含块级元素特殊的块级元素只能包含内联元素：h1...
分类：
Web程序 时间：
2015-09-04 15:39:01
阅读次数：
120
