黑马程序员技术交流社区
标题:
【西安校区】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