北京網站制作提醒您div+css小技巧!
1、當width設置的是100%的時候,把窗口縮小后會發現,它并不是布滿整個屏幕。
解決方法:在width=100%的后邊加一句最小寬度:min-width:1000px;
2、在把最大的例子設計了100%的寬,頂部的的盒子設計的1000px,可我那1000的盒子怎么也居中不了。
解決方法:最大的盒子(zuidaihezi)里邊再放一個1000寬的大盒子(dahezi),讓dahezi來控制頂部盒子,當你把dahezi的css中設置margin:0 auto;的時候頂部的的盒子也就跟著居中了。
3、浮動float:left不管用了。
解決方法:在css中寫一個清除浮動的代碼.clear{ clear:both;} ,每次用完float:left后,清除一個浮動,這樣就好了。
4、不想用<hr />標簽,盡量少用它。
解決方法:<hr />標簽不要多用,一個網頁中最多用5次,我們盡量在div中加線,border-bottom:1pz solid #CCC;
5、怎么切搜索條?
解決方法:構思:文本框切一個圖放在一個div中,按鈕的背景切一個圖也放在一個div中,把兩個圖拼起來,用一個大盒子裝它們兩個,
按鈕的border-left:0;
在html的代碼:<form name="form1" action="http://www.baidu.com" method="post">
<input type="text" value="Search..." class="s1" name="dianpuname" onFocus="this.value=''"/>
<input name="sub" type="submit" value="" class="s2">
</form>
在css中的代碼:.Search{ float:right; margin-top:42px;}
.Search input.s1{ width:189px; height:32px; border:0px; background:url(../images/jpg_06.png); padding-left:15px; float:left; display:inline; color:#999999;}
.Search input.s2{ width:18px; height:18px; border:0px; background:url(../images/png_04.png); float:left; display:inline; margin-left:-30px;cursor:pointer; margin-top:7px; }
在html中的value的值:在用戶未輸入的時候,顯示的文字。 北京網站制作公司前潮網絡小編會定期的發布一些建站常識,敬請關注!
文章出自:北京網站建設公司-前潮網絡 http://www.niordsec.com 如需轉載請注明,010-57227103.