> 웹 프론트엔드 > HTML 튜토리얼 > html&css 정적 페이지

html&css 정적 페이지

WBOY
풀어 주다: 2016-10-12 09:50:15
원래의
1246명이 탐색했습니다.

状态不好,整晚未眠。

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

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

<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> }
로그인 후 복사

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

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

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

 

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿