导航,头部,CSS基础
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 }
运行结果: