CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍，看过不少文章， 看到所多的是零碎的CSS布局基本知识，比较表面。看过O'Reilly的《CSS权威指南》，发现里面提到的文档流概念让我很敏感。 可恶的是书中并没有解释文档流是什么东西，或许作者觉得这个太简单了以至于不值...
分类：
Web程序 时间：
2015-03-21 22:50:18
阅读次数：
262
知识点：1.二列自适应宽度2.二列固定宽度3.二列固定宽度居中4.xhtml的块级元素（div）和内联元素（span）5.float属性6.三列自适应宽度7.三列固定宽度8.三列固定宽度居中9.IE6的3像素bug1）二列自适应宽度div为块级元素，默认情况下占据一行的空间，要想让下面的div跑到右...
分类：
Web程序 时间：
2015-03-20 20:06:04
阅读次数：
203
display:inline; 内联元素，简单来说就是在同一行显示。display:block; 块级元素，简单来说就是就是有换行，会换到第二行。display:inline-block; 就是在同一行内的块级元素。链接一链接一默认就是inline，所以inline用在这里是废的。宽高度设置也是废的...
分类：
其他好文 时间：
2015-03-19 16:05:25
阅读次数：
95
定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然，这个功能非常强大，也很让人吃惊。div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反，span 和 strong 等元素称...
分类：
Web程序 时间：
2015-03-17 13:58:28
阅读次数：
189
一.水平居中 行内元素和块级元素不同,对于行内元素,只需在父元素中设置text-align=center即可; 对于块级元素有以下几种居中方式: 1.将元素放置在table中,再将table的margin-left和margin-right设置成auto,将table居中,使在其之中的...
分类：
Web程序 时间：
2015-03-16 23:01:16
阅读次数：
324
通过CSS可以对文字有很不错的处理效果。以下就简单的整理几种文字处理技巧。持续更新。一、文字溢出：text-overflow 基本的式样如下：1 .huanhang {2 display: block; /*必须是块级元素*/3 white-space: nowrap; /*不换行...
分类：
其他好文 时间：
2015-03-15 16:38:13
阅读次数：
135
我是块级元素能用字体缩进 我是行内元素不能用字体缩进 .text-indent-div{ text-indent:2em; }.text-indent-span{ text-indent:2em; display:block;/*转化为块级元素，缩进才会起作用...
分类：
其他好文 时间：
2015-03-13 12:34:49
阅读次数：
126
CSS(Cascading Style Sheets) 定位 (Positioning) 属性允许你对元素进行定位它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。 块级元素: div、h1或p元素 即：显示为一块内容称之为 “块框“ ; 行内元...
分类：
Web程序 时间：
2015-03-13 10:49:46
阅读次数：
138
写在前面这几天一直在整理面试中遇到的问题，其中一个就是margin与padding的区别。当时说的虽然说出要点了，但是心里还是有点疑惑，所以就又查了查。结合之前整理的内容，深入的研究了下。[HTML/CSS]盒子模型，块级元素和行内元素[HTML/CSS]margin属性用法区别从网上找了这样一段话...
分类：
Web程序 时间：
2015-03-11 16:50:35
阅读次数：
198
inline-block元素特点：1、和其他元素都在一行上；2、元素的高度、宽度、行高以及顶和底边距都可设置。inline内联元素特点：1、和其他元素都在一行上；2、元素的高度、宽度、行高及顶部和底部边距不可设置；3、元素的宽度就是它包含的文字或图片的宽度，不可改变。block块级元素特点：1、每个...
分类：
Web程序 时间：
2015-03-10 11:39:41
阅读次数：
138
