码迷,mamicode.com
首页 > Web开发 > 详细

导航,头部,CSS基础

时间:2017-10-18 21:37:21      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:logs   type   ica   style   css基础   san   log   www.   oct   

20171018.html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>首页</title>
 6     <link rel="stylesheet"type="text/css"href="1018.css">
 7 
 8 </head>
 9 <body>
10 
11 <nav>
12     <img src="https://wwc.alicdn.com/avatar/getAvatar.do?userNick=&width=50&height=50&type=sns&_input_charset=UTF-8">
13     <a href="https://www.taobao.com/">淘宝网</a>
14 
15     <input type="text">
16     <button type="submit">搜索</button>
17 </nav>
18 <p>双十一全部商品50%OFF</p>
19 <p>双十一全部商品50%OFF</p>
20 <p>双十一全部商品50%OFF</p>
21 <h1 class="textblue">双十一全部商品50%OFF</h1>
22 <h3><span id="commentcount">5000</span>浏览</h3>
23 </body>
24 </html>

1018.css

 1 p{
 2             color: red;
 3             font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 4         }
 5         .textblue{
 6             font-size: 50px;
 7         }
 8         #commentcount{
 9             background-color: crimson;
10             font-family: "Agency FB";
11             font-size: 50px;
12         }

运行结果:

技术分享

导航,头部,CSS基础

标签:logs   type   ica   style   css基础   san   log   www.   oct   

原文地址:http://www.cnblogs.com/nigongbin/p/7688935.html

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