本文总结自由人民邮电出版社出版的《HTML、CSS、Javascript网页制作》。 

  总结进行学习,并分享给同样编写HTML5的朋友。


1:去掉网页超链接的下划线
在<head>标签里添加如下代码
<style>
<!--
a{text-decoration:none}
a:hover{color:#3366CC;text-decoration:underline}
-->
</style>
2:设置浮动背景
<style type="text/css">
<!--
body{background-image:url(image/bg.gif);background-attachment:fixed}
-->
</style>
3:正确对齐文本
<style>
<!--.dq{margin-left:68px;margin-right:70px;margin-top:69px;margin-bottom:71px}
-->
</style>
4:让文本垂直居中
<style type="text/css">
<!--
div {
height:50px;
line_height:50px;
border:1px solid #996600
}
-->
</style>
5:使一个层垂直居中于浏览器
在<head>标签内添加如下代码
<style type="text/css">
<!--
div {
position:absolute;
top:70%;
left:50%;
margin:-150px 0 0 -150px;
width:200px;
height:200px;
border:1px solid #0066ff;
}
-->
</style>
6:给部分内容加上边框
<style type="text/css">
<!--
style1{ border:solid;border-width:thin 0px opx medium;border-color:#9900cc
black black #cc9900}
-->
</style>
7:利用CSS去掉下划线
<style>
<!--
a {text-decoration:none}
-->
</style>
8:让div横向排列
<style type="text/css">
<!--
div {
float:left;
width:200px;
height:100px;
border:1px solid blue
}
-->
</style>
<div> div横向排列</div>
9:巧妙设置滚动条颜色
<style type="text/css">
<!--
html {
scrollbar-face-color:#f6f6f6;
scrollbar-highlight-color:#fff000;
scrollbar-shadow-color:#ee00ee;
scrollbar-3dlight-color:#ee222e;
scrollbar-arrow-color:#ccc000;
scrollbar-track-color:#ddeecc;
scrollbar-darkshadow-color:#fffddd;
}
-->
</style>