8.5

来源：互联网发布：商艺设计淘宝编辑：程序博客网时间：2024/06/05 09:02

<!DOCTYPE html>
<html>
<head>
<style type="text/css">

.top{
width: 100%;
height: 27px;
background-color: #FFFAFA ;

}

.top_content{
width: 1000px;
background-image: url(images/top_bg.jpg);

}

.top_content li{

float: right;
width: 70px;
line-height: 27px;

}

.top_content a:link,.top_content a:visited{
text-decoration: none;
color:#FF7F50 ;
}

.top_content a:hover,.top_content a:active{
text-decoration: none;
color: #008B8B ;
}
</style>

<script type="text/javascript" src="js/setHomeSetFav.js"></script>>
<title></title>
</head>
<body>

<div class="top">
<div class="top_content">
<ul>
<li><a href="#">L</a></li>
<li><a href="#">F</a></li>
<li><a href="#">Z</a></li>
</ul>

</div>
</div></div>
</body>
</html>

／／这是一个网页的开头最基本的内容

1.创建网站页面首先考虑整个页面的版式，通常来说顶部中部底部

顶部可能有标签小图片（sublime中需要加入新插件否则 url（）src（）中图片没有办法找到路径）

2.嵌套过程中考虑子选择器的使用比如说： .top_content li;//这就代表在.top_content里的li子类

3.在有超链接存在的情况下，如何改变链接前的颜色和链接后的颜色？

链接前：a:link; a:visited;

链接后：a:hover; a:active;

text-decoration:none/underline/line-through/blink/overline

阅读全文

0 0