Home > Web Front-end > HTML Tutorial > html&css static page

html&css static page

WBOY
Release: 2016-10-12 09:50:15
Original
1249 people have browsed it

状态不好,整晚未眠。

想着敲点代码,遇着复杂的又自己生气,所以就敲了博客园的,总是很纠结“哪样的文字算标题算段落或要用span”“什么时候用div比较好”“用很多id是不是不好”,恩,可能我的阅读理解能力真的很差吧,感觉就很有挫败感呀。

<span style="color: #008080;">  1</span> <span style="color: #0000ff;"><!</span><span style="color: #ff00ff;">DOCTYPE html</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">  2</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">html</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">  3</span>     <span style="color: #0000ff;"><</span><span style="color: #800000;">head</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">  4</span>         <span style="color: #0000ff;"><</span><span style="color: #800000;">meta </span><span style="color: #ff0000;">charset</span><span style="color: #0000ff;">="utf-8"</span> <span style="color: #0000ff;">/></span>
<span style="color: #008080;">  5</span>         <span style="color: #0000ff;"><</span><span style="color: #800000;">title</span><span style="color: #0000ff;">></span>willYKYao - 博客园<span style="color: #0000ff;"></</span><span style="color: #800000;">title</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">  6</span>         <span style="color: #0000ff;"><</span><span style="color: #800000;">link </span><span style="color: #ff0000;">rel</span><span style="color: #0000ff;">="stylesheet"</span><span style="color: #ff0000;"> href</span><span style="color: #0000ff;">="css/new_file.css"</span> <span style="color: #0000ff;">/></span>
<span style="color: #008080;">  7</span>     <span style="color: #0000ff;"></</span><span style="color: #800000;">head</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">  8</span>     <span style="color: #0000ff;"><</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">  9</span>         <span style="color: #0000ff;"><</span><span style="color: #800000;">div </span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="wrap"</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 10</span>             <span style="color: #008000;"><!--</span><span style="color: #008000;">头部开始</span><span style="color: #008000;">--></span>
<span style="color: #008080;"> 11</span>             <span style="color: #0000ff;"><</span><span style="color: #800000;">div </span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="header"</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 12</span>                 <span style="color: #0000ff;"><</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>willYKYao<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">h1</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 13</span>                 <span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 14</span>                     随笔- <span style="color: #0000ff;"><</span><span style="color: #800000;">span</span><span style="color: #0000ff;">></span>0<span style="color: #0000ff;"></</span><span style="color: #800000;">span</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 15</span>                     文章- <span style="color: #0000ff;"><</span><span style="color: #800000;">span</span><span style="color: #0000ff;">></span>0<span style="color: #0000ff;"></</span><span style="color: #800000;">span</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 16</span>                     评论- <span style="color: #0000ff;"><</span><span style="color: #800000;">span</span><span style="color: #0000ff;">></span>0<span style="color: #0000ff;"></</span><span style="color: #800000;">span</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 17</span>                 <span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 18</span>                 <span style="color: #0000ff;"><</span><span style="color: #800000;">ul</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 19</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>博客园<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 20</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>首页<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 21</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>新随笔<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 22</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>联系<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 23</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>订阅<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 24</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>管理<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 25</span>                 <span style="color: #0000ff;"></</span><span style="color: #800000;">ul</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 26</span>             <span style="color: #0000ff;"></</span><span style="color: #800000;">div</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 27</span>             <span style="color: #008000;"><!--</span><span style="color: #008000;">头部结束</span><span style="color: #008000;">--></span>
<span style="color: #008080;"> 28</span>             <span style="color: #008000;"><!--</span><span style="color: #008000;">主体开始</span><span style="color: #008000;">--></span>
<span style="color: #008080;"> 29</span>             <span style="color: #0000ff;"><</span><span style="color: #800000;">div </span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="mainbody"</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 30</span>                 <span style="color: #008000;"><!--</span><span style="color: #008000;">公告</span><span style="color: #008000;">--></span>
<span style="color: #008080;"> 31</span>                 <span style="color: #0000ff;"><</span><span style="color: #800000;">div </span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="news"</span><span style="color: #ff0000;">  class</span><span style="color: #0000ff;">="haha"</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 32</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">h3 </span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="head"</span><span style="color: #0000ff;">></span>公告<span style="color: #0000ff;"></</span><span style="color: #800000;">h3</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 33</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">ul</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 34</span>                         <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>昵称:<span style="color: #0000ff;"><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>willYKYao<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 35</span>                         <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>园龄:<span style="color: #0000ff;"><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>1天<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 36</span>                         <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>粉丝:<span style="color: #0000ff;"><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>0<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 37</span>                         <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>关注:<span style="color: #0000ff;"><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>0<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 38</span>                         <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>+加关注<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 39</span>                     <span style="color: #0000ff;"></</span><span style="color: #800000;">ul</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 40</span>                 <span style="color: #0000ff;"></</span><span style="color: #800000;">div</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 41</span>                 <span style="color: #008000;"><!--</span><span style="color: #008000;">日历</span><span style="color: #008000;">--></span>
<span style="color: #008080;"> 42</span>                 <span style="color: #0000ff;"><</span><span style="color: #800000;">div </span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="time"</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 43</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">h3</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 44</span>                         <span style="color: #0000ff;"><</span><span style="color: #800000;">span </span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="left"</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">=""</span><span style="color: #0000ff;">></span><span style="color: #ff0000;">&lt;</span><span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">span</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 45</span>                         <span style="color: #0000ff;"><</span><span style="color: #800000;">span </span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="right"</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">=""</span><span style="color: #0000ff;">></span><span style="color: #ff0000;">&gt;</span><span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">span</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 46</span> <span style="color: #000000;">                        2016年10月
</span><span style="color: #008080;"> 47</span>                     <span style="color: #0000ff;"></</span><span style="color: #800000;">h3</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 48</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">table</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 49</span>                         <span style="color: #0000ff;"><</span><span style="color: #800000;">thead</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 50</span>                             <span style="color: #0000ff;"><</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 51</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>日<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 52</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>一<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 53</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>二<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 54</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>三<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 55</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>四<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 56</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>五<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 57</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>六<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 58</span>                             <span style="color: #0000ff;"></</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 59</span>                         <span style="color: #0000ff;"></</span><span style="color: #800000;">thead</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 60</span>                         <span style="color: #0000ff;"><</span><span style="color: #800000;">tbody</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 61</span>                             <span style="color: #0000ff;"><</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 62</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>25<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 63</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>26<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 64</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>27<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 65</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>28<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 66</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>29<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 67</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>30<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 68</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>1<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 69</span>                             <span style="color: #0000ff;"></</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 70</span>                             <span style="color: #0000ff;"><</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 71</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>2<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 72</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>3<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 73</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>4<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 74</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>5<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 75</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>6<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 76</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>7<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 77</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>8<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 78</span>                             <span style="color: #0000ff;"></</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 79</span>                             <span style="color: #0000ff;"><</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 80</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>9<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 81</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>10<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 82</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td </span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="active"</span><span style="color: #0000ff;">></span>11<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 83</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>12<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 84</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>13<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 85</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>14<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 86</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>15<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 87</span>                             <span style="color: #0000ff;"></</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 88</span>                             <span style="color: #0000ff;"><</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 89</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>16<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 90</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>17<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 91</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>18<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 92</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>19<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 93</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>20<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 94</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>21<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 95</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>22<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 96</span>                             <span style="color: #0000ff;"></</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 97</span>                             <span style="color: #0000ff;"><</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 98</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>23<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;"> 99</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>24<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">100</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>25<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">101</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>26<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">102</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>27<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">103</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>28<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">104</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>29<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">105</span>                             <span style="color: #0000ff;"></</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">106</span>                             <span style="color: #0000ff;"><</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">107</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>30<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">108</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>31<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">109</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>1<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">110</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>2<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">111</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>3<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">112</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>4<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">113</span>                                 <span style="color: #0000ff;"><</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>5<span style="color: #0000ff;"></</span><span style="color: #800000;">td</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">114</span>                             <span style="color: #0000ff;"></</span><span style="color: #800000;">tr</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">115</span>                         <span style="color: #0000ff;"></</span><span style="color: #800000;">tbody</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">116</span>                     <span style="color: #0000ff;"></</span><span style="color: #800000;">table</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">117</span>                 <span style="color: #0000ff;"></</span><span style="color: #800000;">div</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">118</span>             <span style="color: #0000ff;"></</span><span style="color: #800000;">div</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">119</span>             <span style="color: #008000;"><!--</span><span style="color: #008000;">搜索</span><span style="color: #008000;">--></span>
<span style="color: #008080;">120</span>             <span style="color: #0000ff;"><</span><span style="color: #800000;">div </span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="search"</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">121</span>                 <span style="color: #0000ff;"><</span><span style="color: #800000;">h3 </span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="head"</span><span style="color: #0000ff;">></span>搜索<span style="color: #0000ff;"></</span><span style="color: #800000;">h3</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">122</span>                 <span style="color: #0000ff;"><</span><span style="color: #800000;">div</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">123</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">input </span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="txt"</span><span style="color: #ff0000;"> type</span><span style="color: #0000ff;">="text"</span> <span style="color: #0000ff;">/></span>
<span style="color: #008080;">124</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="button"</span><span style="color: #ff0000;"> value</span><span style="color: #0000ff;">="找找看"</span><span style="color: #0000ff;">/><</span><span style="color: #800000;">br </span><span style="color: #0000ff;">/></span>
<span style="color: #008080;">125</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">input </span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="txt"</span><span style="color: #ff0000;"> type</span><span style="color: #0000ff;">="text"</span> <span style="color: #0000ff;">/></span>
<span style="color: #008080;">126</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="button"</span><span style="color: #ff0000;"> value</span><span style="color: #0000ff;">="谷歌搜索"</span><span style="color: #0000ff;">/></span>
<span style="color: #008080;">127</span>                 <span style="color: #0000ff;"></</span><span style="color: #800000;">div</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">128</span>             <span style="color: #0000ff;"></</span><span style="color: #800000;">div</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">129</span>             <span style="color: #0000ff;"><</span><span style="color: #800000;">div </span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="link"</span><span style="color: #ff0000;"> class</span><span style="color: #0000ff;">="haha"</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">130</span>                 <span style="color: #0000ff;"><</span><span style="color: #800000;">h3 </span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="head"</span><span style="color: #0000ff;">></span>常用链接<span style="color: #0000ff;"></</span><span style="color: #800000;">h3</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">131</span>                 <span style="color: #0000ff;"><</span><span style="color: #800000;">ul</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">132</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>我的随笔<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">133</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>我的评论<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">134</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>我的参与<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">135</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>最佳评论<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">136</span>                     <span style="color: #0000ff;"><</span><span style="color: #800000;">li</span><span style="color: #0000ff;">><</span><span style="color: #800000;">a </span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="#"</span><span style="color: #0000ff;">></span>我的标签<span style="color: #0000ff;"></</span><span style="color: #800000;">a</span><span style="color: #0000ff;">></</span><span style="color: #800000;">li</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">137</span>                 <span style="color: #0000ff;"></</span><span style="color: #800000;">ul</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">138</span>             <span style="color: #0000ff;"></</span><span style="color: #800000;">div</span><span style="color: #0000ff;">></span>    
<span style="color: #008080;">139</span>             <span style="color: #008000;"><!--</span><span style="color: #008000;">主体结束</span><span style="color: #008000;">--></span>
<span style="color: #008080;">140</span>             <span style="color: #008000;"><!--</span><span style="color: #008000;">尾部开始</span><span style="color: #008000;">--></span>
<span style="color: #008080;">141</span>             <span style="color: #0000ff;"><</span><span style="color: #800000;">div </span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="footer"</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">142</span>                 <span style="color: #0000ff;"><</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>Copyright<span style="color: #ff0000;">&copy;</span>2016 willYKYao<span style="color: #0000ff;"></</span><span style="color: #800000;">p</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">143</span>             <span style="color: #0000ff;"></</span><span style="color: #800000;">div</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">144</span>             <span style="color: #008000;"><!--</span><span style="color: #008000;">尾部结束</span><span style="color: #008000;">--></span>
<span style="color: #008080;">145</span>         <span style="color: #0000ff;"></</span><span style="color: #800000;">div</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">146</span>     <span style="color: #0000ff;"></</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">147</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">html</span><span style="color: #0000ff;">></span>
Copy after login

写样式的时候,前前后后回复着,感觉越写越乱了

<span style="color: #008080;">  1</span> <span style="color: #800000;">body,h1,h2,h3,h4,h5,h6,p,ul,table,tbody</span>{
<span style="color: #008080;">  2</span> <span style="color: #ff0000;">    margin</span>:<span style="color: #0000ff;">0</span>;
<span style="color: #008080;">  3</span> <span style="color: #ff0000;">    padding</span>:<span style="color: #0000ff;">0</span>;
<span style="color: #008080;">  4</span> }
<span style="color: #008080;">  5</span> <span style="color: #800000;">a</span>{
<span style="color: #008080;">  6</span> <span style="color: #ff0000;">    text-decoration</span>:<span style="color: #0000ff;">none</span>;
<span style="color: #008080;">  7</span> }
<span style="color: #008080;">  8</span> <span style="color: #800000;">li</span>{
<span style="color: #008080;">  9</span> <span style="color: #ff0000;">    list-style-type</span>:<span style="color: #0000ff;">none</span>;
<span style="color: #008080;"> 10</span> }
<span style="color: #008080;"> 11</span> 
<span style="color: #008080;"> 12</span> <span style="color: #800000;">body</span>{
<span style="color: #008080;"> 13</span> <span style="color: #ff0000;">    font-size</span>:<span style="color: #0000ff;">12px</span>;
<span style="color: #008080;"> 14</span> <span style="color: #ff0000;">    font-family</span>:<span style="color: #0000ff;">"宋体",arial,sans-serif</span>;
<span style="color: #008080;"> 15</span> <span style="color: #ff0000;">    background</span>:<span style="color: #0000ff;">#c7cbbd url(../img/header-bg.jpg) no-repeat</span>;
<span style="color: #008080;"> 16</span> <span style="color: #ff0000;">    color</span>:<span style="color: #0000ff;">#6a6352</span>;
<span style="color: #008080;"> 17</span> }
<span style="color: #008080;"> 18</span> <span style="color: #800000;">#wrap</span>{
<span style="color: #008080;"> 19</span> <span style="color: #ff0000;">    width</span>:<span style="color: #0000ff;">950px</span>;
<span style="color: #008080;"> 20</span> <span style="color: #ff0000;">    margin</span>:<span style="color: #0000ff;">0 auto</span>;
<span style="color: #008080;"> 21</span> }
<span style="color: #008080;"> 22</span> 
<span style="color: #008080;"> 23</span> <span style="color: #008000;">/*</span><span style="color: #008000;">头部</span><span style="color: #008000;">*/</span>
<span style="color: #008080;"> 24</span> <span style="color: #800000;">#header</span>{
<span style="color: #008080;"> 25</span> <span style="color: #ff0000;">    height</span>:<span style="color: #0000ff;">300px</span>;
<span style="color: #008080;"> 26</span> }
<span style="color: #008080;"> 27</span> <span style="color: #800000;">#header h1</span>{
<span style="color: #008080;"> 28</span> <span style="color: #ff0000;">    padding-top</span>:<span style="color: #0000ff;">136px</span>;
<span style="color: #008080;"> 29</span> <span style="color: #ff0000;">    font-family</span>:<span style="color: #0000ff;">arial</span>;
<span style="color: #008080;"> 30</span> }
<span style="color: #008080;"> 31</span> <span style="color: #800000;">#header h1 a</span>{
<span style="color: #008080;"> 32</span> <span style="color: #ff0000;">    font-size</span>:<span style="color: #0000ff;">38px</span>;
<span style="color: #008080;"> 33</span> <span style="color: #ff0000;">    font-weight</span>:<span style="color: #0000ff;">normal</span>;
<span style="color: #008080;"> 34</span> <span style="color: #ff0000;">    color</span>:<span style="color: #0000ff;">#000</span>;
<span style="color: #008080;"> 35</span> }
<span style="color: #008080;"> 36</span> <span style="color: #800000;">#header h1 a:hover</span>{
<span style="color: #008080;"> 37</span> <span style="color: #ff0000;">    text-decoration</span>:<span style="color: #0000ff;">underline</span>;
<span style="color: #008080;"> 38</span> }
<span style="color: #008080;"> 39</span> <span style="color: #800000;">#header p</span>{
<span style="color: #008080;"> 40</span> <span style="color: #ff0000;">    color</span>:<span style="color: #0000ff;">#666</span>;
<span style="color: #008080;"> 41</span> <span style="color: #ff0000;">    margin</span>:<span style="color: #0000ff;">45px 0 0 810px</span>;
<span style="color: #008080;"> 42</span> }
<span style="color: #008080;"> 43</span> <span style="color: #800000;">#header ul</span>{
<span style="color: #008080;"> 44</span> <span style="color: #ff0000;">    margin</span>:<span style="color: #0000ff;">10px 0 0 40px</span>;
<span style="color: #008080;"> 45</span> }
<span style="color: #008080;"> 46</span> <span style="color: #800000;">#header ul li</span>{
<span style="color: #008080;"> 47</span> <span style="color: #ff0000;">    font-family</span>:<span style="color: #0000ff;"> "微软雅黑"</span>;
<span style="color: #008080;"> 48</span> <span style="color: #ff0000;">    float</span>:<span style="color: #0000ff;">left</span>;
<span style="color: #008080;"> 49</span> <span style="color: #ff0000;">    text-align</span>:<span style="color: #0000ff;"> center</span>;
<span style="color: #008080;"> 50</span> }
<span style="color: #008080;"> 51</span> <span style="color: #800000;">#header ul li a</span>{
<span style="color: #008080;"> 52</span> <span style="color: #ff0000;">    display</span>:<span style="color: #0000ff;">inline-block</span>;
<span style="color: #008080;"> 53</span> <span style="color: #ff0000;">    width</span>:<span style="color: #0000ff;">70px</span>;
<span style="color: #008080;"> 54</span> <span style="color: #ff0000;">    font-size</span>:<span style="color: #0000ff;">14px</span>;
<span style="color: #008080;"> 55</span> <span style="color: #ff0000;">    color</span>:<span style="color: #0000ff;">#555</span>;
<span style="color: #008080;"> 56</span> }
<span style="color: #008080;"> 57</span> <span style="color: #800000;">#header ul li a:hover</span>{
<span style="color: #008080;"> 58</span> <span style="color: #ff0000;">    font-size</span>:<span style="color: #0000ff;">18px</span>;
<span style="color: #008080;"> 59</span> <span style="color: #ff0000;">    color</span>:<span style="color: #0000ff;">#222</span>;
<span style="color: #008080;"> 60</span> }
<span style="color: #008080;"> 61</span> 
<span style="color: #008080;"> 62</span> <span style="color: #008000;">/*</span><span style="color: #008000;">主体公告</span><span style="color: #008000;">*/</span>
<span style="color: #008080;"> 63</span> <span style="color: #800000;">.head</span>{
<span style="color: #008080;"> 64</span> <span style="color: #ff0000;">    color</span>:<span style="color: #0000ff;">#55626e</span>;
<span style="color: #008080;"> 65</span> <span style="color: #ff0000;">    font-size</span>:<span style="color: #0000ff;">14px</span>;
<span style="color: #008080;"> 66</span> <span style="color: #ff0000;">    font-family</span>:<span style="color: #0000ff;">"宋体"</span>;
<span style="color: #008080;"> 67</span> <span style="color: #ff0000;">    padding</span>:<span style="color: #0000ff;">5px 166px 3px 10px</span>;
<span style="color: #008080;"> 68</span> <span style="color: #ff0000;">    display</span>:<span style="color: #0000ff;">inline-block</span>;
<span style="color: #008080;"> 69</span> <span style="color: #ff0000;">    border-bottom</span>:<span style="color: #0000ff;">1px solid #d6dddc</span>;
<span style="color: #008080;"> 70</span> }
<span style="color: #008080;"> 71</span> <span style="color: #800000;">.haha</span>{
<span style="color: #008080;"> 72</span> <span style="color: #ff0000;">    margin-top</span>:<span style="color: #0000ff;">10px</span>;
<span style="color: #008080;"> 73</span> }
<span style="color: #008080;"> 74</span> <span style="color: #800000;">.haha ul</span>{
<span style="color: #008080;"> 75</span> <span style="color: #ff0000;">    padding</span>:<span style="color: #0000ff;">15px 0px 0px 10px</span>;
<span style="color: #008080;"> 76</span> }
<span style="color: #008080;"> 77</span> <span style="color: #800000;">.haha ul li</span>{
<span style="color: #008080;"> 78</span> <span style="color: #ff0000;">    font-size</span>:<span style="color: #0000ff;">12px</span>;
<span style="color: #008080;"> 79</span> <span style="color: #ff0000;">    line-height</span>:<span style="color: #0000ff;">18px</span>;
<span style="color: #008080;"> 80</span> }
<span style="color: #008080;"> 81</span> <span style="color: #800000;">.haha ul li a</span>{
<span style="color: #008080;"> 82</span> <span style="color: #ff0000;">    font-family</span>:<span style="color: #0000ff;">arial</span>;
<span style="color: #008080;"> 83</span> <span style="color: #ff0000;">    color</span>:<span style="color: #0000ff;">#6a6352</span>;
<span style="color: #008080;"> 84</span> }
<span style="color: #008080;"> 85</span> <span style="color: #800000;">.haha ul li a:hover</span>{
<span style="color: #008080;"> 86</span> <span style="color: #ff0000;">    text-decoration</span>:<span style="color: #0000ff;">underline</span>;
<span style="color: #008080;"> 87</span> }
<span style="color: #008080;"> 88</span> 
<span style="color: #008080;"> 89</span> <span style="color: #008000;">/*</span><span style="color: #008000;">日历</span><span style="color: #008000;">*/</span>
<span style="color: #008080;"> 90</span> <span style="color: #800000;">#time</span>{
<span style="color: #008080;"> 91</span> <span style="color: #ff0000;">    margin-top</span>:<span style="color: #0000ff;">34px</span>;
<span style="color: #008080;"> 92</span> <span style="color: #ff0000;">    position</span>:<span style="color: #0000ff;">relative</span>;
<span style="color: #008080;"> 93</span> <span style="color: #ff0000;">    font-size</span>:<span style="color: #0000ff;">14px</span>;
<span style="color: #008080;"> 94</span> <span style="color: #ff0000;">    font-family</span>:<span style="color: #0000ff;">arial</span>;
<span style="color: #008080;"> 95</span> }
<span style="color: #008080;"> 96</span> <span style="color: #800000;">#time h3</span>{
<span style="color: #008080;"> 97</span> <span style="color: #ff0000;">    font-size</span>:<span style="color: #0000ff;">13px</span>;
<span style="color: #008080;"> 98</span> <span style="color: #ff0000;">    margin</span>:<span style="color: #0000ff;">0 0 8px 63px</span>;
<span style="color: #008080;"> 99</span> <span style="color: #ff0000;">    letter-spacing</span>:<span style="color: #0000ff;">1px</span>;
<span style="color: #008080;">100</span> }
<span style="color: #008080;">101</span> <span style="color: #800000;">#time span a</span>{
<span style="color: #008080;">102</span> <span style="color: #ff0000;">    font-weight</span>:<span style="color: #0000ff;">normal</span>;
<span style="color: #008080;">103</span> <span style="color: #ff0000;">    color</span>:<span style="color: #0000ff;">#6a6352</span>;
<span style="color: #008080;">104</span> }
<span style="color: #008080;">105</span> <span style="color: #800000;">#time span a:hover</span>{
<span style="color: #008080;">106</span> <span style="color: #ff0000;">    text-decoration</span>:<span style="color: #0000ff;">underline</span>;
<span style="color: #008080;">107</span> }
<span style="color: #008080;">108</span> <span style="color: #800000;">#time table</span>{
<span style="color: #008080;">109</span> <span style="color: #ff0000;">    height</span>:<span style="color: #0000ff;">145px</span>;
<span style="color: #008080;">110</span> <span style="color: #ff0000;">    text-align</span>:<span style="color: #0000ff;"> center</span>;
<span style="color: #008080;">111</span> <span style="color: #ff0000;">    width</span>:<span style="color: #0000ff;">207px</span>;
<span style="color: #008080;">112</span> }
<span style="color: #008080;">113</span> <span style="color: #800000;">#time table thead</span>{
<span style="color: #008080;">114</span> <span style="color: #ff0000;">    font-weight</span>:<span style="color: #0000ff;">bold</span>;
<span style="color: #008080;">115</span> }
<span style="color: #008080;">116</span> <span style="color: #800000;">.active</span>{
<span style="color: #008080;">117</span> <span style="color: #ff0000;">    color</span>:<span style="color: #0000ff;">red</span>;
<span style="color: #008080;">118</span> }
<span style="color: #008080;">119</span> <span style="color: #800000;">#time .left</span>{
<span style="color: #008080;">120</span> <span style="color: #ff0000;">    position</span>:<span style="color: #0000ff;">absolute</span>;
<span style="color: #008080;">121</span> <span style="color: #ff0000;">    left</span>:<span style="color: #0000ff;">6px</span>;
<span style="color: #008080;">122</span> <span style="color: #ff0000;">    top</span>:<span style="color: #0000ff;">0px</span>;
<span style="color: #008080;">123</span> }
<span style="color: #008080;">124</span> <span style="color: #800000;">#time .right</span>{
<span style="color: #008080;">125</span> <span style="color: #ff0000;">    position</span>:<span style="color: #0000ff;">absolute</span>;
<span style="color: #008080;">126</span> <span style="color: #ff0000;">    left</span>:<span style="color: #0000ff;">192px</span>;
<span style="color: #008080;">127</span> <span style="color: #ff0000;">    top</span>:<span style="color: #0000ff;">0px</span>;
<span style="color: #008080;">128</span> }
<span style="color: #008080;">129</span> 
<span style="color: #008080;">130</span> <span style="color: #008000;">/*</span><span style="color: #008000;">搜索</span><span style="color: #008000;">*/</span>
<span style="color: #008080;">131</span> <span style="color: #800000;">#search div</span>{
<span style="color: #008080;">132</span> <span style="color: #ff0000;">    padding-left</span>:<span style="color: #0000ff;">10px</span>;
<span style="color: #008080;">133</span> }
<span style="color: #008080;">134</span> <span style="color: #800000;">#search .txt</span>{
<span style="color: #008080;">135</span> <span style="color: #ff0000;">    width</span>:<span style="color: #0000ff;">102px</span>;
<span style="color: #008080;">136</span> <span style="color: #ff0000;">    height</span>:<span style="color: #0000ff;">20px</span>;
<span style="color: #008080;">137</span> <span style="color: #ff0000;">    margin-top</span>:<span style="color: #0000ff;">5px</span>;
<span style="color: #008080;">138</span> }
<span style="color: #008080;">139</span> 
<span style="color: #008080;">140</span> <span style="color: #008000;">/*</span><span style="color: #008000;">链接</span><span style="color: #008000;">*/</span>
<span style="color: #008080;">141</span> <span style="color: #800000;">#link li</span>{
<span style="color: #008080;">142</span> <span style="color: #ff0000;">    line-height</span>:<span style="color: #0000ff;">20px</span>;
<span style="color: #008080;">143</span> }
<span style="color: #008080;">144</span> 
<span style="color: #008080;">145</span> <span style="color: #008000;">/*</span><span style="color: #008000;">尾部</span><span style="color: #008000;">*/</span>
<span style="color: #008080;">146</span> <span style="color: #800000;">#footer</span>{
<span style="color: #008080;">147</span> <span style="color: #ff0000;">    height</span>:<span style="color: #0000ff;">90px</span>;
<span style="color: #008080;">148</span> <span style="color: #ff0000;">    line-height</span>:<span style="color: #0000ff;">90px</span>;
<span style="color: #008080;">149</span> <span style="color: #ff0000;">    font-family</span>:<span style="color: #0000ff;">arial</span>;
<span style="color: #008080;">150</span> <span style="color: #ff0000;">    text-align</span>:<span style="color: #0000ff;"> center</span>;
<span style="color: #008080;">151</span> <span style="color: #ff0000;">    font-size</span>:<span style="color: #0000ff;">14px</span>;
<span style="color: #008080;">152</span> }
Copy after login

想想好可怕,竟然一天只干了这么点活,你这样太怠惰了。

虽然你很菜,但是我还是很爱你的呢,恩,我只能爱你。

今天是重新开始的第一天,往后还有第二天,第三天,,,希望你能不忘初心的坚持下去。

 

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template