您的当前位置:首页正文

html&css静态页面

2020-11-27 来源:个人技术集锦

状态不好,整晚未眠。

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

 1 
 2 
 3 
 4 
 5 willYKYao - 博客园
 6 
 7 
 8 
 9 
10 11 27 28 29
30 31
32

公告

33 34
  • 昵称:willYKYao
  • 35
  • 园龄:1天
  • 36
  • 粉丝:0
  • 37
  • 关注:0
  • 38
  • +加关注
  • 39 40
    41 42
    43

    44 < 45 > 46 2016年10月 47

    48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116
    2526272829301
    2345678
    9101112131415
    16171819202122
    23242526272829
    303112345
    117
    118
    119 120 129 139 140 141 144 145
    146 147

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

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

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

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

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

    显示全文