html第二周学习笔记3-13

---

利用css实现网页简介再优化

经过了第一周基础的html网页制作，第二周我们学习了css，进一步优化我们网页简洁的格式以及编辑复杂度

---

一、基本语法结构

代码如下（示例）：

<style>
p
{
	color:red;
	text-align:center;
} 
</style>

二、Table结构

代码如下（示例）：

<table>
<tr>
<th>somewhat</th>
<th>somewhat</th>
<th>somewhat</th>
<th>somewhat</th>
</tr>
<tr>
<td>某某某</td>
<td>某某某</td>
<td>某某项</td>
<td>HTML/CSS</td>
</tr>
<tr>
</table>

th代表了表格结构下标题名
td代表了表格结构下内容名

前后对比图如下
使用Table之前，即利用div结构

使用Table结构之后

三、链接色彩提示

代码如下（示例）：

<style>
a:link {color:#000000;}     
a:visited {color:#00FF00;} 
a:hover {color:#FF00FF;}  
a:active {color:#0000FF;} 
</style>
<p><b><a href="/css/" target="_blank">这是一个链接</a></b></p>

a:link - 正常，未访问过的链接
a:visited - 用户已访问过的链接
a:hover - 当用户鼠标放在链接上时
a:active - 链接被点击的那一刻

注意：当设置为若干链路状态的样式
a:hover 必须跟在 a:link 和 a:visited后面
a:active 必须跟在 a:hover后面

---

总结

通过第二周的学习，我们利用css进一步优化简介网页页面，实现更多更加优良的网页图形