海之蓝5年前
1. 网页标题里用小图片方法:
<head >
<meta charset="UTF-8">
<title></title>
<link rel="shortcut icon" type="image/x-icon" href="images/download.png" >
</head>
2./*将网页自带样式清除*/
*{
margin: 0;
padding: 0;
}
3.将链接默认样式去除
a{
text-decoration: none;
}
4.居中对齐方法:
.content{
width: 1226px;
margin:0 auto;
}
5. 设置浮动,需要注意清除浮动
/*设置浮动后要清除浮动*/
.clear{
clear: both;
}
6.
Padding{上 左右 下}
Padding{上 右 下 左}
Padding{上下 左右}
7./*清除无序列表自带样式*/
ul{
list-style: none;或list-style-type:none;
}
8.布局时,从大的框架入手更方便
9.类选择器可以针对不同的对象,重复使用,类似的区块不需要再设置class(比如在52:40处<div class="content_bottom_menu1">为你推荐</div>可以一致使用)/使用id选择器,则是唯一的
10. 用“检查”或“审视元素”获取源网页的字体样式等,如字体颜色等
问题:57:26处“为你推荐”模块应放置在content里
导航条字体颜色为: #b0b0b0;
<span>|</span>
span{
color: #424242;
margin: 0 .3em;
}
2