第一个实战项目:
(仅仅记录学习生活,还望老猿勿喷!)
代码:
<!DOCTYPE HTML>
<!DOCTYPE html PUBLIC "" ""><HTML><HEAD><META content="IE=11.0000"
http-equiv="X-UA-Compatible">
<TITLE>我的第一个页面</TITLE>
<META http-equiv="content-type" content="text/html; charset=UTF-8">
<STYLE type="text/css">
#comment
{
padding: 10px 15px 5px;
border: 1px solid #d0e4c2;
background-color: #fcfffa;
width:838px;
min-height:50px;
}
div.topic
{
padding: 0 0 2px;
margin-bottom: 10px;
border-bottom: 1px solid #d0e4c2;
}
div.star
{
margin: 1px 0 3px 5px;
width: 75px;
height: 14px;
background-image:url("images/iconlist_1.png")/*tpa=http://code.tarena.com.cn/WEBCode/wfd1501/02_CSS3/day05/images/iconlist_1.png*/;
background-repeat: no-repeat;
background-position: -109px -239px;
}
#comment p b
{
height: 21px;
padding: 5px 7px;
margin-right: 5px;
background-color: #fdedd2;
}
p.btns input
{
margin-right: 10px;
padding: 10px 10px;
border: 1px solid #d5d5d5;
background-color: #f2f2f2;
border-radius: 3px;
color: #333;
width:80px;
background-image: linear-gradient(to bottom,#fafafa,#ccc);
}
#pages
{
color:#666;
width:838px;
margin-top:10px;
}
#pages a
{
padding:3px 10px;
border:1px solid #ccc;
margin-left:2px;
border-radius:5px;
}
#pages a:hover
{
background-color:#005aa0;
color:#fff;
}
#pages a.current
{
border: 0;
padding: 4px 11px;
}
#pages a.current
{
background-color:#fff;
}
</STYLE>
<META name="GENERATOR" content="MSHTML 11.00.10570.1001"></HEAD>
<BODY>
<DIV id="comment">
<DIV class="topic">
<DIV class="star"></DIV></DIV>
<P><SPAN>标 签:</SPAN> <B>比洗衣粉好</B>
<B>去污能力强</B> </P>
<P><SPAN>心 得: 买了几次了,挺好用的,洗的衣服很干净,以后就用它了!
</SPAN></P><SPAN>购买日期:</SPAN> 2014-12-01
<P></P>
<P class="btns"><INPUT type="“botton" value