<!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