黑马程序员技术交流社区

标题: 【西安校区】CSS基本样式设置 [打印本页]

作者: 逆风TO    时间: 2019-11-19 15:58
标题: 【西安校区】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; */







欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2