html5 css3 asp mysql_Html5+css编写个人静态简历

1

3 maigin:0px;

4 padding:0px;

5 background-color:#050505;

6 }

7

8 div#mm{

9 height:200px;

10 width:60%;

11 maigin:0px;

12 padding:0px;

13 background:#F0F0F0;

14 position:absolute;

15 left:20%;

16 top:5%;

17 }

18

19 img#pro{

20 height:160px;

21 width:100px;

22 maigin:0px;

23 padding:0px;

24 position:absolute;

25 left:45px;

26 top:25px;

27 }

28

29 div#mm1{

30 position:absolute;

31 left:180px;

32 top:60px;

33 }

34

35 div#mm2{

36 position:absolute;

37 left:185px;

38 top:130px;

39 }

40

41 div#mm3{

42 height:170px;

43 width:0px;

44 border-left-color:black;

45 border-left-style:solid;

46 border-left-width:1px;

47 position:absolute;

48 left:495px;

49 top:15px;

50 }

51

52 div#mm4{

53 height:1480px;

54 width:60%;

55 maigin:0px;

56 padding:0px;

57 background:#F8F8FF;

58 position:absolute;

59 left:20%;

60 top:230px;

61 border-top-color:#D2691E;

62 border-top-style:solid;

63 border-top-width:2px;

64 }

65

66 div#mm5{

67 height:290px;

68 maigin:0px;

69 padding:0px;

70 position:absolute;

71 left:5%;

72 top:10px;

73 border-bottom-color:#D4D4D4;

74 border-bottom-style:solid;

75 border-bottom-width:1px;

76 width:90%;

77 }

78

79 div#mm6, #mm8, #mm10, #mm12, #mm14, #mm16, #mm18{

80 maigin:0px;

81 padding:0px;

82 position:absolute;

83 left:30%;

84 top:5px;

85 }

86

87 div#mm7{

88 height:430px;

89 maigin:0px;

90 padding:0px;

91 position:absolute;

92 left:5%;

93 top:310px;

94 border-bottom-color:#D4D4D4;

95 border-bottom-style:solid;

96 border-bottom-width:1px;

97 width:90%;

98 }

99

100 div#mm9{

101 height:100px;

102 maigin:0px;

103 padding:0px;

104 position:absolute;

105 left:5%;

106 top:750px;

107 border-bottom-color:#D4D4D4;

108 border-bottom-style:solid;

109 border-bottom-width:1px;

110 width:90%;

111 }

112

113 div#mm11{

114 height:160px;

115 maigin:0px;

116 padding:0px;

117 position:absolute;

118 left:5%;

119 top:860px;

120 border-bottom-color:#D4D4D4;

121 border-bottom-style:solid;

122 border-bottom-width:1px;

123 width:90%;

124 }

125

126 div#mm13{

127 height:170px;

128 maigin:0px;

129 padding:0px;

130 position:absolute;

131 left:5%;

132 top:1030px;

133 border-bottom-color:#D4D4D4;

134 border-bottom-style:solid;

135 border-bottom-width:1px;

136 width:90%;

137 }

138

139 div#mm15{

140 height:120px;

141 maigin:0px;

142 padding:0px;

143 position:absolute;

144 left:5%;

145 top:1210px;

146 border-bottom-color:#D4D4D4;

147 border-bottom-style:solid;

148 border-bottom-width:1px;

149 width:90%;

150 }

151

152 div#mm17{

153 height:110px;

154 maigin:0px;

155 padding:0px;

156 position:absolute;

157 left:5%;

158 top:1340px;

159 width:90%;

160 }

161

162 span#sp{

163 font-family:"Arial Black", Gadget, sans-serif;

164 font-size:40px;

165 color:#000000;

166 font-weight:bold;

167 }

168

169 span#sp1{

170 font-family:"Courier New", Courier, monospace;

171 font-size:23px;

172 color:#000000;

173 font-style:italic;

174 }

175

176 span#sp2{

177 font-family:"Courier New", Courier, monospace;

178 font-size:15px;

179 color:#000000;

180 }

181

182 span#sp3, #sp4, #sp5, #sp6, #sp7, #sp8, #sp9{

183 font-family:Arial, Helvetica, sans-serif;

184 font-size:17px;

185 letter-spacing:0px;

186 word-spacing:2px;

187 color:#D2691E;

188 position:absolute;

189 left:70px;

190 font-weight:bold;

191 font-style:italic;

192 }

193

194 p{

195 font-family:"Times New Roman", Times, serif;

196 font-size:13px;

197 letter-spacing:2px;

198 word-spacing:2px;

199 color:#D2691E;

200 }

201

202 div#footer{

203 position:absolute;

204 text-align:center;

205 font-size:12px;

206 bottom:10px;

207 width:100%;

208 margin:0px;

209 padding:0px;

210 color:#FFFFFF;

211 }

212

213 div#side{

214 position:absolute;

215 left:505px;

216 top:60px;

217 margin:0px;

218 padding:0px;

219 color:#000000;

220 font-size:13px;

221 }

222