css中边框，行高等属性介绍

内边距：边框与内容之间的距离

1. padding-left:左内边距  eg：padding-left: 10px;
2. padding-top:上内边距 eg：padding-top:10px;
3. padding-bottom:下内边距 eg：padding-bottom:10px;
4. padding-right:右内边距 eg：padding-right:10px;
5. padding属性值的4种形式：
   一个值：padding:2px;   四周的填充都是2px
   二个值：padding:10px   20px ;    上下    左右  
   三个值： padding:10px   20px   30px ;    上    左右    下
   四个值：padding:10px   20px   30px   40px;     上   右   下   左

边界：margin

在元素外边的空白区域，被称为外边距。
    margin-left:左边界
    margin-right:右边界
    margin-top:上边界
    margin-bottom:下边界
 
  属性值的4种方式：四个值：上 右 下 左  三个值：上 左右 下  二个值：上下 左右

边框

 边框颜色 border-color: red; 
边框宽度 border-width: 5px; 
边框样式  border-style: 1.solid :实线 2.dashed.虚线3.dotted：点线4.none：没有线
边框连写：建议顺序：width，style，color。 eg：border: 5px dotted red; 

合并相邻边框

合并相邻的边框:border-collapse: collapse;

 

网页上常用的图片格式（压缩图片）
    1)jpg:有损压缩格式，靠损失图片本身的质量来减小图片的体积，适用于颜色丰富的图像;(像素点组成的，像素点越多会越清晰 )
    2）gif：有损压缩格式，靠损失图片的色彩数量来减小图片的体积，支持透明，支持动画，适用于颜色数量较少的图像;
    3)png:有损压缩格式，损失图片的色彩数量来减小图片的体积，支持透明，不支持动画，是fireworks的 源文件格式，适用于颜色数量较少的图像;