练习;div+CSS
今天开始做习题;一个PSD刚开始自己很进入状态的,还以为自己挺不错的额,只能说新手还是经验不够,到了下午问题就暴露了出来;一个搜索栏目不会做了,
<form action=”#” id=”search_form”>
<span><input id=”search_key” tip=”请输入关键字” key=”保卫萝卜” type=”text” name=”” autocomplete=”off”></span>
<button type=”submit”>搜索</button>
</form>
<form action=”#” id=”search_form”>
<span class=”search-key”><input id=”search_key” tip=”请输入关键字” key=”保卫萝卜” type=”text” name=”” autocomplete=”off”></span>
<button type=”submit”>搜索</button>
</form>
.search-key{
height: 20px;
width: 240px;
overflow: hidden;
background: #fff;
border: 1px solid #ddd;
padding: 4px 4px 4px 30px;
background: url(../images/ico.png) no-repeat 6px -133px;
float: left;
border-right: none;
}
.search-key input{
display: block;
height: 20px;
line-height: 20px;
background: none;
border: 0;
width: 100%;
color: #999;
};
哎上半个月还做过几次的,没想到就忘了。
一路下来好吧做完了,一测试IE6有好几个不兼容的,哎菜鸟就是经验不足不够的细心,一个向左漂浮忘了写,就把自己折腾的头晕,一个div写的时候位置错了,也把自己折腾的够惨的,总之还是要多练啊!丢三落四的搞残了自己,这是教训哪!
要好好的品味它!只有不断的品才能提高 哈哈哈