CSS基本样式设置

一、默认值设置

* { /* 把默认值设置为0 */
    margin: 0; /*外边距为0*/
    padding: 0; /*内边距为0*/
    /*  border-width :0; 边框宽度为0 */
}

二、超链接设置

1、默认值

/* 设置超链接的默认值 */
a:link,a:visited{
    /* 鼠标没有移上去的超链接样式  ， 超链接访问后的样式 */
    color:#000;
    text-decoration:none;   /*没有下划线*/
}

2、鼠标移到超链接的样式

a:hover{
    /* 鼠标移到超链接上的样式*/
    color:#00f;
    text-decoration:underline;  /* 有下划线 */
}

三、模块间边距设置

#top, #search, #main, #footer {     /* 公共样式 */
    margin: 10px auto 10px auto; /* 模块间边距为10  /auto 10px auto/具中效果 */
}

四、边框高度、宽度设置

#top { /* 高度和宽度设置 */
    height: 120px; /* 高度设置*/
    width:60px;  /* 宽度设置*/
}

五、字体设置

#newscontent a:link,newscontent a:visited {
    display :block; /* 将行类元素转换成块级元素*/
    font-size:12px;  /*  字体大小 */
    text-align:center; /* 具中 */
    line-height:25px;   /* 垂直具中 */
    color:#0059B0; /* 字体颜色 */
}

六、外边距设置：margin

margin:10px 15px 25px 20px; /* 四个属性值分别为上右下左 */
/* 上外边距为10px；右外边距为15px; 下外边距为25px；左外边距为20px; */

margin:10px; /* 四个外边距都是10px; */