【暂存】Evernote坏掉，暂存这里

12-11 学习记录

1、 line-height 的使用

http://www.zhangxinxu.com/wordpress/?p=384

http://www.divcss5.com/rumen/r363.shtml#no3

div中的高度其实是line-height的作用

2、 h1 is a block element

3、 text-indent

text-indent 属性规定文本块中首行文本的缩进。

注释：允许使用负值。如果使用负值，那么首行会被缩进到左边。

数值、百分比、inherit ； 百分比：定义基于父元素宽度的百分比的缩进。  

所以这个属性可以这样使用：text-indent：100% ; overflow: hidden; 这样这一行就会被消失掉。

注意这里是块中文本的位置元素，所以不适合用来布局

4、 white-space ： 设置如何处理元素内的空白 ，空白是指没有任何字符的东西，不是  nowrap 的使用是永不换行，知道强制要求

值	描述
normal	默认。空白会被浏览器忽略。
pre	空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
pre-wrap	保留空白符序列，但是正常地进行换行。
pre-line	合并空白符序列，但是保留换行符。
inherit	规定应该从父元素继承 white-space 属性的值。

5、 float 是重要的一个盒布局属性， 下面的一些讲解都是摘自以下文章，个人觉得，作者分析的相当不错。很值得学习

float 使用的时候是有一定麻烦的，会引出很奇怪的问题

float会破坏line box 的高度，所以如果一个父元素都是有 float元素组成的，并且没有强制制定高度，那父元素就会没有高度缩小为0

讲述float的布局

http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%B7%B1%E5%85%A5%E7%A0%94%E7%A9%B6%E3%80%81%E8%AF%A6%E8%A7%A3%E5%8F%8A%E6%8B%93%E5%B1%95%E4%B8%80/

http://www.zhangxinxu.com/wordpress/2010/01/css-float%E6%B5%AE%E5%8A%A8%E7%9A%84%E6%B7%B1%E5%85%A5%E7%A0%94%E7%A9%B6%E3%80%81%E8%AF%A6%E8%A7%A3%E5%8F%8A%E6%8B%93%E5%B1%95%E4%BA%8C/

替代float布局的方法

http://www.zhangxinxu.com/wordpress/2010/11/%E6%8B%9C%E6%8B%9C%E4%BA%86%E6%B5%AE%E5%8A%A8%E5%B8%83%E5%B1%80-%E5%9F%BA%E4%BA%8Edisplayinline-block%E7%9A%84%E5%88%97%E8%A1%A8%E5%B8%83%E5%B1%80/

oh no 

使用了webkit-box 和 moz-box 结果布局全乱掉了