在进行静态页面开发时,经常会用到一些标签的设置。在这里进行一下总结:
1. 针对不同浏览器对padding和margin的默认值不同而进行的统一设置:
*{
margin:0px;
padding:0px;
}
2. 针对a标签的设置:
a:link {color: #FF0000} 未访问的链接
a:visited {color: #00FF00} 已访问的链接
a:hover {color: #FF00FF} 当有鼠标悬停在链接上
a:active {color: #0000FF} 被选择的链接
a:link, a:visited, a:active{
color:#3B5888;
text-decoration: none;
}
a:hover{
color:#3B5888;
text-decoration: underline;
}
3. 对字体的设置,提前定义好这些字体后,在对应的模块引入需要的字体:
.font1{
color:#3B5888;
}
.font2{
font-size:16px;
font-weight: bold;
}
4. 对按钮的设置
/*定义几款按钮样式*/
.button1{
background-color: #ffffff;
cursor:hand;
width:161px;
height:41px;
background-image:url(/xiaonei/images/front/regbtn.gif);
background-repeat:no-repeat;
background-position: center;
text-align: center;
border: none;
}
<td><input name="submit" type="submit" value="" class="button1" /></td>
暂时这么多,以后再补充