1.文章案例
<html>
<head>
<style>
.wenzhang{
width:600px;
height:400px;
background-color:;
margin:0 auto; /*div盒子居中,上下0左右自适应*/
text-align:center; /*文本居中*/
}
.time{
color:#808080;
}
.ruanjian{
color:#87ceeb;
}
.shoucang{
text-decoration:none; /*取消超链接下划线*/
}
.indent{
text-indent:2em;
}
</style>
</head>
<body>
<div class="wenzhang">
<h1>《自然》评选改变科学的十个计算机项目</h1>
<p>
<span class="time">2077年2月1日</span> <!--span为行内元素不会换行-->
<span class="ruanjian">新浪科技</span>
<a href="#" class="shoucang">收藏本文</a>
</p>
<hr>
<div class=