标签：
2015-04-06 09:29:45
清明假期最后一天
1.<div>用来把页面分割成若干个逻辑部分或者组。
2.借助结构，把页面分成几个合理的逻辑结构，这样有助于网页结构的清晰和样式化。
3.widht只是用来定义内容区的宽度。
4.块元素的默认宽度是：“auto”
5.text-align属性只会影响到一个元素中所有内联内容的对齐样式。我们在<div>块元素中设置了这个属性，结果它的所有内容都居中了，它只会影响各种内联元素。text-align属性只能用于块元素，如果直接用于内联元素（如<img>)就没有作用了。<div>元素中的所有文本都嵌套在块元素中，但现在他们的对齐样式都改变了，这是因为这些块元素继承了<div>的text-align属性，不是<div>直接影响标题和段落（这些都是块元素）中的文本对齐样式，而是标题和段落继承了text-align属性值“center”，使他们自己的内容居中了。
6.并非所有的属性都是可以默认继承的，所以，这并不会对所有的属性都起作用。
7.font：font-style font-variant font-weight font-size/line-height font-family
要注意出现的顺序，weight包括weight之前的是可选的，要在font-size之前，line-height是可选的，在font-size右边加一个/再加属性值。
8. 伪类（pseudo-classes)
9.链接可以有几个状态，未访问，已访问，鼠标悬浮，聚焦（focus），激活（active）。最后两个要注意，有些浏览器不支持。
focus是tab转换链接时，聚焦到正在的连接上时。active是用户第一次点击一个连接时。
10.链接能同时处于几个状态，应用哪个样式，取决于规则的顺序。一般认为合理的顺序为：link,visited,focus,hover,active.
11.层叠就是浏览器决定采用哪种样式的方法。
12.
《head first html与css、xhtml》——第11章div和span
标签：
原文地址：http://www.cnblogs.com/michael-xiang/p/4395759.html
