发表于： 2016-04-02 08:36:53
2 1653
补上昨天的日报
一.昨天完成的事情：写网易的网页组件，并上传至Github。
二.今天计划的事情：继续把昨天的任务完成。
三.遇到的问题：
1. PS速度较慢，一整天完整的时间也没有写完那个组件，花了很多时间在抠图上。
2. 不明白多重嵌套时CSS样式选择器写哪一个，是多写还是少些。
3. 效率不够高，要把握零碎时间，时间不多了！
四.附上代码(4.2日完成)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#box{
width: 300px;
height: 419px;
}
.title1{
width: 115px;
height: 29px;
border-top: #206f96 solid 2px;
border-left: solid 1px #cfcfcf;
border-bottom:solid 1px #cfcfcf ;
background: url("Image163/bg-color.gif");
float: left;
}
.title1 a{
position: relative;
left: 10px ;
top: 5px;
font-family: 宋体,Arial,sans-serif;
text-decoration:none;
font-size: 14px;
font-weight: bold;
color: #000;
}
.title1 a:link{}
.title1 a:visited{}
.title1 a:hover{
color:red;
text-decoration: underline;
}
.title2{
width: 184px;
height: 31px;
background: #da2b2b;
border-bottom:solid 1px #b20000;
float: left;
}
#content{
width: 298px;
height: 386px;
border-right: #cfcfcf solid 1px;
border-left: #cfcfcf solid 1px;
border-bottom: #cfcfcf solid 1px;
float: left;
}
.content1{
width: 298px;
height: 57px;
background: url("Image163/mail.gif") no-repeat 15px center;
}
.content1 span a {
color: #000;
text-decoration: none;
padding: 0 4px 0 0;
font-size: 12px;
font-family: 宋体,Arial,sans-serif;
float: right;
position: relative;
top: 18px;
}
.content1 span a:link{}
.content1 span a:visited{}
.content1 span a:hover{
color:red;
text-decoration: underline;
}
.content2{
width: 298px;
height: 126px;
background: url("Image163/mouse.gif") no-repeat 12px center #f7f7f7;
}
.content3{
width: 298px;
height: 77px;
background: url("Image163/face.gif") no-repeat 17px center;
}
.content4{
width: 298px;
height: 127px;
background: url("Image163/star.gif") no-repeat 12px center #f7f7f7;
}
</style>
</head>
<body>
<div id="box">
<div>
<a href="http://sitemap.163.com/" target="_blank">网易产品</a>
</div>
<div>
<a href="http://e.163.com/#smartPage_indexslogan" target="_blank"><img src="Image163/title2.gif"> </a>
</div>
<div id="content">
<div>
<span>
<a href="http://email.163.com/#from=ntes_product" target="_blank">免费邮</a>
<a href="http://vipmail.163.com/#from=www" target="_blank">VIP邮箱</a>
<a href="http://qiye.163.com/" target="_blank">企业邮箱</a>
<a href="http://mail.163.com/client/dl.html?from=mail46" target="_blank">邮箱大师</a>
<a href="http://yixin.im/" target="_blank">易信</a>
</span>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
</div>
</div>
</body>
</html>
返回列表
评论