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基础
原文地址：http://www.cnblogs.com/nigongbin/p/7688935.html