属性及定位（绝对定位，相对定位）

字体属性

font-size: 设置字体大小，字体大小默认是16px
font-family:设置字体类型
font-weight: 设置字体粗细 bold  bolder light lighter 100~900
font-style:设置字体的样式 italic /*斜体*/
font:字体大小/行高 字体类型 /*font:14px/20px "宋体"*/

text属性

text-align :设置文本水平距离
left:水平靠左
right:水平靠右
justify:两端对齐
center:水平居中
text-decoration:设置文本样式
none:没有样式
underline:有下划线
overline:有上划线
line-through: 删除线
text-indent: 设置文本缩进 .2em

文本的居中

span 标签的话需要将span转成行内块 或者 块级，给span设置宽高
水平居中: text-align:center; 垂直居中 margin:0 auto;
如果是浮动的盒子设置居中，将浮动元素套在一个父盒子里面，然后使用overflow:hidden;清除浮动带来的影响，在设置text-align:center; margin:0 auto;水平和垂直居中

背景图

background-image:url(图片链接); 显示背景图，默认垂直水平都平铺
background-repeat: 设置背景图平铺方向或取消平铺
no-repeat: 背景图不平铺
repeat-x : 设置沿x轴方向平铺
repeat-y: 设置沿y轴方向平铺
background-position: 设置背景图片定位
background-position: 水平方向 垂直方向；
当水平方向值为正的时候，右移，负数的时候，相反方向，垂直方向也是
background-position-x:设置水平方向的位置
background-position-y:设置垂直方向的位置
background-attachment:fixed; 设置背景图固定位置
综合使用
background:url(图片链接) 平铺方向 定位;

position定位

position: static /*静态定位*/
			  relative /*相对定位*/
			  absolute /*绝对定位*/
			  fixed /*固定定位*/

相对定位

特征：

1. 如果一个标准文档流的盒子，仅仅设置了相对定位，与普通的盒子一样
2. 设置相对定位之后，如果调整盒子位置，盒子会占坑，也就是说形影分离
   作用：
   1. 微调元素
   2. 子绝父相的参考
   3. 层级提升
   参考点：参考原来盒子的位置

绝对定位

特征：

1. 脱标
2. 提升层级，一般通常使用绝对定位
   参考点：
   1. 如果是父子盒子嵌套，如果父盒子设置了相对定位，那么子盒子是相对于父盒子的左上角
   2. 单个盒子的情况：
      （1）如果是top描述，则参考点为页面的左上角
      （2）如果是bottom描述，则参考点是浏览器的左下角

浮动和定位一起使用

浮动一般设置大体模块
定位一般调整小模块的位置（子绝父相）