HTML中CSS的常用属性设置

颜色属性color

  最好使用数字直接指定，否则用名字指定可能无效。注意不要使用旧式的<font color="red"></font>，因为现在的浏览器已经
不支持这个了。
例
 color: whilte;
 color: #FFFFFF;

字体属性font

        font-style: italic; /*normal, italic, oblique */
        font-weight: bold;   /*normal, bold */
        font-size: 30px;
        font-family: arial, sans-serif;
或
        font: italic bold 30px arial, sans-serif;

边框属性border

border (border-width    border-style  border-color)
例
    border:1px solid #999;
或
    border-width:2px;
    border-style:dotted;
    border-color: #666;

背景background

例
    background-color: red; 
    background-image:url(../image/selected.jpg); 

填充padding

所含内容 到 tag边框的距离：指定上下左右的填充空白的大小
注意，当左右同时指定时，以左为准。例如一个单元格宽100，内容实际宽度为10，指定left=right=25，则实际效果是左侧有25px的padding，右侧
为100-25-20=55空白
    padding: 40px 80px 20px 100px;   /* 注意顺序为顺时针: 上  右 下  左  */
    padding: 40px 80px;   /* 上=下=40px,  左=右=80px*/
    padding: 40px ;   /* 上=下=左=右=40px */

边距margin

边框到container边框的距离：当一个table放在div里时，div就是container，此时若指定table的margin，即是指定table到div边框的空白
    margin: 40px 80px 20px 100px;   /* 注意顺序为顺时针: 上  右 下  左  */
    margin: 40px 80px;   /* 上=下=40px,  左=右=80px*/
    margin: 40px ;   /* 上=下=左=右=40px */
    margin: 40px auto;   /* 上=下=40px,  左右自动分配（平分)*/
(IE6上无法用 auto实现平分)

宽度高度

width, height:
    width: 400px;
    width: 400%;  /* 以百分比来定义不一定有效，要看是什么元素 */

对齐text-align, vertical-align:

应用于 <table> 和 <td>，指定其内内容的对齐方式。注意CSS中没有align属性。
    text-align:center;  /* left, center, right */
    vertical-align:middle;  /* top, middle, bottom */