第一次接觸css址晕，感覺有種陌生感和神秘感痹愚。因為css不是自己寫的，所以用起來老感覺有些別扭入篮。
以下為根據(jù)聯(lián)系項目一節(jié)實現(xiàn)的網(wǎng)頁效果：
page.png
下面是上述網(wǎng)頁的html源代碼：
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<title>Alex</title>
<link rel="stylesheet" type="text/css" href="homework.css">
</head>
<body>
<div class="header">
<img src="images/blah.png">
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Site</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>
<div class="main-content">
<h2>The Beach</h2>
<hr />
<ul class="photos">
<li>
<img src="images/0001.jpg" height="150" width="150">
<img src="images/0003.jpg" height="150" width="150">
<img src="images/0004.jpg" height="150" width="150">
</li>
<li>
<p>
What‘s your greatest weakness?
</p>
<p>
This is a popular question that western employers like to ask to make candidates nervous!In
fact陈瘦，they ask this to know how you respond to a difficult question. You shouldn‘t answer by telling
your greatest weakness since you might not get the job!Instead，you can tell them something that
isn’t directly related to the job position.
</p>
</li>
</ul>
</div>
<div class="footer">
<p>?2016 ALex<img src="images/Fire.png" height="15" width="15"></p>
</div>
</body>
</html>
完整源碼包下載: week1_1homework.tar.bz2
總結(jié)
對前端這些東西幾乎是從來沒接觸過潮售，但是我對這方面還是很感興趣的痊项，以后可以在這方面多花點時間。
