码迷,mamicode.com
首页 > 其他好文 > 详细

第一阶段学习——目前为止的一段代码

时间:2017-10-03 21:34:58      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:htm   over   oct   ora   nload   ade   span   link   back   

以目前的知识写的首页及其外部样式:
1
<!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>欢迎访问!</title> 6 <link rel="stylesheet" href="../css/index.css"/> 7 </head> 8 <body> 9 <header> 10 </header> 11 <nav> 12 <ul> 13 <li><a href="#">主页</a></li> 14 <li><a href="./product.html">产品展示</a></li> 15 <li><a href="download.html">相关下载</a></li> 16 <li><a href="us.html">联系我们</a></li> 17 </ul> 18 </nav> 19 <section></section> 20 </body> 21 </html>

 1 body{
 2     background-color: #111111;
 3 }
 4 header{
 5     /*background: 100% 300px url("../img/index.png")
 6     no-repeat fixed;*/
 7     width: 100%;
 8     height: 300px;
 9     background-image: url("../img/index.png");
10     background-attachment: fixed;
11     background-repeat: no-repeat;
12     background-color: #ffffff;
13     background-position: top;
14 }
15 ul{
16     list-style-type: none;
17 }
18 li{
19     float: left;
20     margin-left: 0px;
21     padding: 10px;
22     background-color: #ffffff;
23 }
24 a{
25     text-decoration: none;
26 }
27 a:link{
28     color: #000000;
29 }
30 a:visited{
31 
32     color: #000000;
33 }
34 a:hover{
35     color: #51e9ff;
36     font-size: 120%;
37 }
38 a:active{
39     color: #ffff00;
40     font-size: 130%;
41 }

第一阶段学习——目前为止的一段代码

标签:htm   over   oct   ora   nload   ade   span   link   back   

原文地址:http://www.cnblogs.com/yuanyeAjax/p/7624511.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!