代码的文本要干净，整洁，一幕了然！便于后边的同事操作，更改！
例如；<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title></title>
<style>
div
{
width: 400px;
margin: 0 auto;
}
h3
{
text-indent: 100px;color: red
}
.a
{
font-size: 10px;
}
img
{
width: 400px
}
</style>
</head>
<body>
<div>
<h3>×××与新闻工作记者：小伟</h3>
<p class="a"> 原标题：与新闻工作记者：那些难忘的瞬间</p>
<p class="a"> 新闻记者 黄月 王子军</p>
<p class="a">
[学习进行时]11月8日是第十七个中国记者节。×××一直十分关心新闻工作者，近1年间，在人民日报社、新华社、中央电视台等媒体调研考察时，他接触最多的就是一线编辑记者。一个个难忘的瞬间，浓缩着总书记对广大新闻工作者的关爱，也寄托着殷切期待。新华网《学习进行时》为您一一梳理。
</p>
<h6> 看望获奖者，要求新闻工作者坚持“四向”</h6>
<img src="D:/HHH.JPG">
</div>
</body>
</html>
今日编程；
1；<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>刘建东相亲网</title>
<style>
body{
margin: 0px;
padding: 0px
}
li{
list-style: none;
}
#haohaoa{
width:100%;
height: 50px;
background: #00ffff;
}
#a{
width: 600px;
height: 50px;
margin: 0px auto;
background-color: #00ffff;
}
li{
width: 80px;
height: 50px;
/*background: green;*/
margin-right: 5px;
float: left;
line-height: 50px;
text-align: center;
color: black
}
li:hover{
background-color: green;
}
</style>
</head>
<body>
<div id="haohaoa">
<ul id="a">
<li>首页</li>
<li>关于我们</li>
<li>联系我们</li>
<li>lwy</li>
</ul>
</div>
</body>
</html>
今日单词；
text-align；左右居中 line-height；行高
hover；点击效果
