css3

3）布局对齐

3-1）在table中比较容易，通过在单元格中设置align的“left,right,center,justify”对齐，或者valign的"top,bottom,middle,baseline”等

3-2）布局居中

text-align在做布局居中时，常常会发现文本居中了，但是图片等不居中现象，ie没有此问题。解决此问题常常配合margin设置auto属性解决，如下：

body{ text-align:center;}

div{margin-left:auto;margin-right:auto;width:60%}

3-3）垂直布局

vertical-align仅能作用于单元格或者图像显示而定义的，所有用于文本对齐时，需要制定display:table-cell,但是ie并不支持table-cell，因此可以利用line-height和height解决ie下面文本垂直对齐问题

a)firefox等文本对齐到中间方法：

div{vertical-align:bottom;display:table-cell}

b)兼容ie的解决方法:

div{line-height:6em;height:6em}

4) 什么样的行高最适合阅读

浏览器默认是120%，最适合的是160%~180%

在做距离拉伸时，line-height常常在firefox中无效，因此建议用更为安全的padding和margin

5）字体颜色

16进制简写方式即为16进制中一种严责一致时的简写，例如#f00,等于#ff0000;#112233,等于#123

css3中除了十六进制、简写16进制、英文名、RGB、 百分比RGB以外，还增加了3种描述颜色的：

a）RGBA，即在RGB基础上增加了Alpha通道，用于透明

b）HSL：H:色相，S：饱和度，L：亮度，color：hsl(0,100%,100%)表示红色

c）HSLA：即在HSL基础上增加Alpha通道