细节之锤

CSS相关基础知识

.class 类选择器
id选择器

font-size：设置文字大小
font-weight：设置文字的粗细
font-style：设置字体的显示风格，italic表示斜体，normal表示正常风格字体
text-decoration：underline 表示给字体标记下划线，同样，用属性overline表示顶划线，用属性line-through表示删除线，属性blink表示闪烁。
text-transform：用来对英文字母的大小写进行定制，capitalize单词首字母大写，lowercase表示字母全部小写，uppercase则全部大写。

span: 分离标记。

vertical-align: 用来对文字或图片规定垂直对齐方式，有属性值top, bottom, middle；

图片属性：
基本形式为：<img src="test.jpb" class="test1">
<style>
<!—
img.test1 {
    border-style: dotted; /*点画线*/
    border-color: #fffff; /*边框颜色*/
    border-width: 5px; /*边框粗细*/
}
—>
</style>
图文混排可以用float: left这类语句来让图片定位。

background-color: 背景颜色
background-image: 背景图片，默认下会平铺，
background-repeat: 决定是否平铺，可以有repeat-y，repeat-x，no-reapt等属性。
background-position: 设置背景图片的位置，可以是bottom right这类属性的组合。
background-attachment: fixed 表示固定背景图片，当文字移动的时候，背景图片不再随着文字的移动而移动。

div与span的区别：
div表示一行一行的风格，而span则表示一行内的设计。

div里的属性值：
position: absolute，表示本div与父div脱离了关系，位于整个浏览器的位置。在这种情况下，还能用z-index来控制上下重叠的效果。