框模型
框：页面上所有的元素都可以称之为"框"
框模型：(Box Model),又称为盒子模型,定义框处理元素内容、内边距、外边距、边框的样式
尺寸
边框
内边距
外边距
外边距
属性：margin
margin-方向:
margin-left:5px; 左
margin-right:5px; 右
margin-top:10px; 上
margin-bottom:10px; 下
margin:10px 20px; 上下10 左右20
内边距
属性
padding
取值：
px
%
具体格式同margin
背景色
属性：background-color
背景图片
属性：background-image
取值：url(图像路径)
background-image:url("");
背景属性
属性：background
取值：color url(图像) repeat attachment position;
background:red url() fixed;
常用方式：
background:url() repeat position;
背景重复
默认情况，背景图会在水平和垂直两个方向都出现重复的效果(平铺)
属性：background-repeat
取值：
repeat ：默认值，水平垂直平铺
repeat-x : 水平平铺
repeat-y : 垂直平铺
no-repeat : 不平铺（用的最多）
背景图片固定
属性：background-attachment
取值：
scroll ，滚动，默认值
fixed，背景图像固定
背景定位
改变背景图像在元素中的位置
属性：background-position
取值：
x y :x表示水平方向移动距离，以屏幕左上角为原点。+向右，-向左，y表示垂直方向移动距离，+向下，-向上
字体相关
1、指定字体
font-family:value,value2,value3 ....;
font-family:"microsoft yahei","arial","verdana";
2、字体大小
font-size:value;
px 或 pt作为单位
font-size:12px;
3、字体加粗
font-weight:normal / bold ;
4、字体样式(斜体)
font-style:normal/italic;
5、小型大写字母
font-variant:normal/small-caps;
6、字体属性
font:font-style font-variant font-weight font-size font-family;
常用方式：
font:font-size font-family;
font:12px "微软雅黑",arial,verdana;