不同类型style权值问题： 内联>id>属性.>类型>通用 为0
盒子模型
外层是bb
里层图块是aa
外边距在bb上
内边距在aa设置，还可以设置aa的边框等（border），大小，样式，颜色。
样式的背景与前景
background-color:#F90; /*背景色，样式表优先级高*/
background-image:url(路径); /*设置背景图片（默认）*/
background-attachment:fixed; /*背景是固定的，不随字体滚动*/
background-attachment:scroll; /*背景随字体滚动*/
background-repeat:no-repeat; /*no-repeat,不平铺；repeat,平铺；repeat-x,横向平铺；repeat-y,纵向平铺*/
background-position:center; /*背景图居中，设置背景图位置时，repeat必须为“no-repreat”*/
background-position:right top; /*背景图放到右上角（方位可以自己更改）*/
background-position:left 100px top 200px; /*离左边100像素，离上边200像素（可以设为负值）*/
字体
font-family:"新宋体"; /*字体。常用微软雅黑、宋体。*/
font-size:12px; /*字体大小。常用像素12px、14px、18px。还可以用“em”，“2.5em”即：默认字体的2.5倍。还可以用百分数*/
font-weight:bold; /*bold是加粗，normal是正常*/
font-style:italic; /*倾斜，normal是不倾斜*/
color:#03C; /*颜色*/
text-decoration:underline; /*下划线，overline是上划线，line-through是删除线,none是去掉下划线*/
text-align:center; /*（水平对齐）居中对齐，left是左对齐，right是右对齐*/
vertical-align:middle; /*（垂直对齐）居中对齐，top是顶部对齐，bottom是底部对齐。一般设置行高后使用。*/
text-indent:28px; /*首行缩进量*/
line-height:24px; /*行高。一般为1.5~2倍字体大小。*/
display:none; /*none，不显示；inline-block,显示为块，不自动换行，宽高可设；block，显示为块，自动换行；inline，效果同span标签，不自动换行，宽高不可设。*/
visibility:hidden; /*可视性。hidden，隐藏但是占空间；visible，显示。*/
position:
fixe-固定
absolute-是body直接子标签，定位在页面上，不是页面的直接子标签，并且父标签没有position属性，同上，不是页面的直接子标签，并且父标签有position属性，以父标签为背景
relative-相对自身的偏移，位置没有被移除
四个属性
top:left:right:bottom: