代碼的文本要乾淨,整潔,一幕瞭然!便於後邊的同事操作,更改!
例如;<!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;點擊效果