1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4 <meta charset="UTF-8">
5 <title>名人名言</title>
6 <style>
7 body{
8 padding-top:15px;
9 width:910px;
10 margin: 0 auto;
11 }
12 .c1{
13 font-size: 30px;
14 font-weight: bolder;
15 margin-bottom: 10px;
16 padding-left:40px;
17 }
18 .c2{
19 font-size: 12px;
20 font-style: italic;
21 color: grey;
22 padding-left:40px;
23 }
24 ul{
25 margin-top: 25px;
26 height: 36px;
27 border-bottom:1px #bfc5be solid;
28 }
29 li{
30 list-style: none;
31 float:left;
32 border-top:1px #bfc5be solid;
33 border-left:1px #bfc5be solid;
34 width: 45px;
35 height: 35px;
36 text-align: center;
37 font-size: 12px;
38 line-height: 35px;
39 }
40 li:last-child{
41 border-right:1px #bfc5be solid;
42 }
43 a{
44 text-decoration: none;
45 color: grey;
46 }
47 a:hover{
48 text-decoration: underline;
49 color:red;
50 }
51 .l1{
52 width: 45px;
53 }
54 .l2 {
55 width: 70px;
56 }
57 .l3 {
58 width: 110px;
59 }
60 .p1{
61 width:480px;
62 font-size: 16px;
63 color:#212121;
64 font-weight: bold;
65 margin-top: 5px;
66 margin-bottom: 0;
67 margin-right: 0;
68 padding-top: 0;
69 padding-right:0;
70 }
71 .p2{
72 width:480px;
73 font-size: 12px;
74 color: #636363;
75 margin-top: 0;
76 margin-bottom:5px;
77 padding-bottom: 0;
78 padding-right:0;
79 margin-right: 0;
80 }
81 .c3{
82 width:482px;
83 border:1px #bfc5be solid;
84 margin-left: 25px;
85 padding-left: 10px;
86 padding-right:0;
87 margin-right:0;
88 }
89 .p3{
90 width:500px;
91 font-size: 12px;
92 color: #212121;
93 font-weight: bold;
94 margin-bottom: 0;
95 line-height:20px;
96 padding-left: 25px;
97 }
98 .p4{
99 width:500px;
100 font-size: 12px;
101 color: #636363;
102 margin: 0;
103 padding-left: 25px;
104 }
105 .c5{
106 width:474px;
107 font-size: 16px;
108 border:1px #bfc5be solid;
109 color:#212121;
110 padding: 6px 10px;
111 margin-left:25px;
112 font-weight: bold;
113 }
114 .p5{
115 width:500px;
116 font-size: 12px;
117 color: #212121;
118 font-weight: bold;
119 margin: 0;
120 line-height:20px;
121 padding-left: 25px;
122 }
123 .p6{
124 width:500px;
125 font-size: 12px;
126 color: #636363;
127 margin: 0;
128 padding-left: 25px;
129 }
130 .c7{
131 width:484px;
132 font-size: 14px;
133 border:1px #bfc5be solid;
134 font-style: italic;
135 color: black;
136 line-height: 35px;
137 margin-left:25px;
138 padding-left: 10px;
139 padding-bottom: 0;
140 padding-top: 6px;
141 margin-bottom: 30px;
142 }
143 .c8{
144 font-size: 14px;
145 font-style: italic;
146 color: black;
147 line-height: 30px;
148 margin-left:15px;
149 padding-left: 0;
150 padding-bottom: 0;
151 padding-top: 18px;
152 margin-bottom: 0;
153 width:250px;
154 }
155 .s9{
156 width:258px;
157 font-size: 12px;
158 color: gray;
159 margin-left:15px;
160 margin-bottom: 0;
161 padding-left: 0;
162 font-style: italic;
163 line-height: 18px;
164 }
165 .left{
166 float: left;
167 margin-top: 15px;
168 }
169 .right{
170 float: right;
171 border:1px #bfc5be solid;
172 width:295px;
173 margin-top: 15px;
174 height: 440px;
175 margin-right: 28px;
176 }
177 footer{
178 border-top:1px #bfc5be solid;
179 text-align: center;
180 color:gray;
181 font-size: 12px;
182 display: block;
183 float: right;
184 width:900px;
185 }
186 </style>
187 </head>
188 <body>
189 <header>
190 <div class="c1">名人名言</div>
191 <div class="c2">分享名人名言，开始一段触动心灵的智慧之旅跳到内容</div>
192 <div class="menu">
193 <nav>
194 <ul>
195 <li class="l1"><a href="">登录</a></li>
196 <li class="l1"><a href="">关于</a></li>
197 <li class="l2"><a href="">名人名言</a></li>
198 <li class="l3"><a href="">英文名言(English)</a></li>
199 <li class="l2"><a href="">心理杂志</a></li>
200 <li class="l2"><a href="">心理书籍</a></li>
201 <li class="l2"><a href="">专题活动</a></li>
202 <li class="l1"><a href="">发表</a></li>
203 </ul>
204 </nav>
205 </div>
206 </header>
207 <article>
208 <div class="left">
209 <div class="c3">
210 <p class="p1">心理学经典名言的智慧</p>
211 <p class="p2">洞察人性的美与丑，认识自我的强与弱。一句好的格言能够穿越时间，永不失色、历久弥香，它总是能给人们带来心灵的滋养。</p>
212 </div>
213 <div class="c4">
214 <p class="p3">
215 创造力(creativity)有两个词根：Crera拉丁语的意思是"去创造"。Krainir希腊语的意思是"去实现"。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。
216 </p>
217 <p class="p4">
218 创造力(creativity)有两个词根：Crera拉丁语的意思是"去创造"。Krainir希腊语的意思是"去实现"。所以，创造力不仅仅是一种想象力、一种天赋，创造力更是一种将自己的想法付诸实现的能力。</br>
219 发表在 未分类 | 标签： 《换个脑袋去思考》, 创造力 | 留下评论
220 </p>
221 </div>
222 <div class="c5">
223 作者简介
224 </div>
225 <div class="c6">
226 <p class="p5">如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。</p>
227 <p class="p6">
228 如果你还没有注意到你有能力让对方作出你所希望得到的反应，那么你就还没有很好地掌握人生的真谛。这其实简单到不可思议。如果你希望他人对你感兴趣，那么你就要先对他人产生兴趣；如果你想让他人紧张，那么你自己首先要紧张起来。就是这么简单。人们会按照你对待他们的方式对待你。这其中没有什么秘诀。看看周围的人，你可以在与下一个人交流时证实这一点。</br>
229 发表在 未分类 | 标签： 《怎样出售设计创意》, 温斯顿·丘吉尔 | 留下评论
230 </p>
231 </div>
232 <div class="c7">
233 赞助广告</br>
234 <img src="image/ad_2.jpg"/>
235 </div>
236 </div>
237 <div class="right">
238 <div class="c8">
239 赞助广告<br>
240 <img src="image/ad.jpg" width="200px" height="200px"/><br>
241 搜索
242 <form method="post" action="">
243 <input name="name" type="search" placeholder="点击搜索">
244 </form>
245 标签
246 </div>
247 <div class="s9">
248 60年语录 《犯罪心理》 世间百态 二十四史传统名人 体育人物 卡斯特罗 卡斯特罗名言 卡斯特罗语录 历史 友谊爱情 古代格言 名人名言 名人随语 教子立人 新闻事件 李白 爱情语录 韩寒语录
249 </div>
250 </div>
251 </article>
252 <footer>
253 <p>©All Rights Reserved by Psytopic.来自Psytopic.com的礼物</p>
254 </footer>
255 </body>
256 </html>
