H5盒模型基础

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

2.属性:宽度    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;(同上,不包括注意)

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