H5盒模型基础

标签：

1.<meta charset="utf-8">

2.属性：width:宽度    height:高度

3.背景：background

           background-attachment:fixed;  背景是否滚动

　　　　background-color：gray；背景颜色

　　　　background-image：url（bg. jpg）；背景图

　　　　background-repeat：no-repeat；背景图是否重复

　　　　background-position：center，等等；背景图位置

4.边框：border

　　　　border-width：边框宽度

　　　　border-style：边框样式

　　　　border-color：边框颜色

　　　　边框样式：solid实线；dashed虚线；dotted点线（IE6不兼容）；

　　　　例：border：1px solid red;边框为1像素大实线红色边框

5.内边框：padding

　　　　padding-top：上边内边距

　　　　padding-right：右边···

　　　　padding-left：左边···

　　　　padding-bottom：下边···

　　　　注意：内边距相当于给盒子加了填充厚度，会影响盒子大小。

6.外边距：margin

　　　　margin：top，right，left，bottom；（同上，不包括注意）

H5盒模型基础

标签：

原文地址：http://www.cnblogs.com/llz1314/p/5721142.html