2017年9月15来公司上班第一天,拿到的凯杰项目。常规PC端页面,因为长时间没练 生疏了许多。前期很累很辛苦 效率还很低。今天项目完成,作一下项目总结。记录在作项目中遇到的问题,但愿在接下来的项目中能够避免,可以不断进步。ssh
一、导航旁边的<input>框 须要注意的是 input框的光标颜色的消除post
<form action="" method="post">
<div class="search">
<input type="text" placeholder="请输入关键词" class="searchtxt">
<input type="submit" class="searchbtn" value=""/>
</div>
</form>url
<style>orm
.search{
height:30px;
width:160px;
border-radius:1.5em;
margin-top:15px;
background:none;
border:1px solid white;
}对象
.searchtxt{
height:30px;
width:120px;
border:none;
background: none;
color: white;
text-indent:1em;
float:left;
}
.searchbtn{
height:30px;
width:30px;
float:left;
background:url(../images/qrw.png) no-repeat center;
border:none;
cursor: pointer;
}input
</style>it
附:cursor属性十字准心 cursor: crosshair;手 cursor: pointer; cursor: hand;写两个是为了照顾IE5,它只认hand。等待/沙漏 cursor: wait;帮助 cursor: help;没法释放 cursor: no-drop;文字/编辑 cursor: text;可移动对象 cursor: move;向上改变大小(North) cursor: n-resize;向下改变大小(South) cursor: s-resize;向右改变大小(East) cursor: e-resize;向左改变大小(West) cursor: w-resize;向上右改变大小(North East) cursor: ne-resize;向上左改变大小(North West) cursor: nw-resize;向下右改变大小(South East) cursor: se-resize;向下左改变大小(South West) cursor: sw-resize;自动 cursor: auto;禁止 cursor:not-allowed;处理中 cursor: progress;系统默认 cursor: default;