Heim > Web-Frontend > HTML-Tutorial > Statische HTML- und CSS-Seite

Statische HTML- und CSS-Seite

WBOY
Freigeben: 2016-10-12 09:50:15
Original
1245 Leute haben es durchsucht

状态不好,整晚未眠。

想着敲点代码,遇着复杂的又自己生气,所以就敲了博客园的,总是很纠结“哪样的文字算标题算段落或要用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>
Nach dem Login kopieren

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

<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> }
Nach dem Login kopieren

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

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

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

 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage