第一次接触css，感觉有种陌生感和神秘感。因为css不是自己写的，所以用起来老感觉有些别扭。
以下为根据联系项目一节实现的网页效果：
page.png
下面是上述网页的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
总结
对前端这些东西几乎是从来没接触过，但是我对这方面还是很感兴趣的，以后可以在这方面多花点时间。
网友评论