HTML中CSS的常用属性设置

颜色属性color

  最好使用数字直接指定,否则用名字指定可能无效。注意不要使用旧式的,因为现在的浏览器已经
不支持这个了。

 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:

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

你可能感兴趣的:(HTML中CSS的常用属性设置)