CSS制作網頁幾個小問題的問答
一、div層(ceng)的(de)顯示與隱藏
問:div的visibility可以控制div的顯示和隱(yin)藏,但是隱(yin)藏后頁面顯示空(kong)白:
以下是代碼:
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隱藏
document.getElementById("typediv1").style.visibility="visible";//顯示
答:通過設置display屬性可以使div隱藏后釋放占用的頁面空間,如下
以下是代碼:
style="display: none;"
document.getElementById("typediv1").style.display="none";//隱藏
document.getElementById("typediv1").style.display="";//顯示
二、設(she)置了層的CSS屬性,為什么在(zai)(zai)IE6下顯示(shi)正常,在(zai)(zai)IE7下顯示(shi)不正常?
答:設置了層的CSS屬性,為什么在IE6下顯示(shi)正(zheng)常(chang),在IE7下顯示(shi)不正(zheng)常(chang)?也就(jiu)是(shi)不論是(shi)設置height: 30px;,但(dan)沒有效果(guo)。
以下(xia)是(shi)代碼(ma):
.header{
margin-top: 5px;
WIDTH: 760px;
PADDING-TOP: 0px;
height: 30px;
border: 1px solid #A5B5C0;
}
答:雖然IE7對(dui)標準(zhun)的(de)(de)支(zhi)持(chi)還是不盡如人意,但相對(dui)于IE6還說已經是進了一(yi)步了,而(er)對(dui)于網頁(ye)的(de)(de)制作而(er)言(yan),就要(yao)多注(zhu)意一(yi)下(xia)在編寫css時所要(yao)注(zhu)意的(de)(de)問題(ti),看到CSS的(de)(de)寫法是否符合web的(de)(de)標準(zhun)。
修改以下的代碼:
.header {
margin-top: 5px;
WIDTH: 760px;
PADDING-TOP: 0px;
height: 30px;
border: 1px solid #A5B5C0;
}
從上(shang)面我們看(kan)到,如果我們在(zai).header與{之間(jian)加上(shang)一個空(kong)格,就會行了(le),因為在(zai)IE6下,可以忽略這個空(kong)格,而(er)顯示正(zheng)常(chang)的了(le),在(zai)IE7下就會因標準的原因而(er)不能(neng)正(zheng)常(chang)顯示了(le)。
三、如何正確設置和輸(shu)入版(ban)權(quan)所有(you)處的?符號
問(wen):制作網(wang)(wang)站時(shi),經常會在自(zi)己(ji)的(de)網(wang)(wang)站的(de)底部加上版(ban)權(quan)所有(you)的(de)符號,但我們(men)在保存網(wang)(wang)頁時(shi)經常會出現編碼(ma)不對等提示,即是保存了(le),顯(xian)示在網(wang)(wang)頁上的(de)也是一個“?”,如果我們(men)用(yong)& opy;直接插入網(wang)(wang)頁中(zhong),這個符號在源代碼(ma)中(zhong)就以& copy;(注(zhu):&和copy之間沒有(you)空(kong)格(ge),為(wei)了(le)正(zheng)常顯(xian)示所有(you)這樣寫(xie)了(le))的(de)形式(shi)體(ti)現。另外(wai)雖然也可(ke)以輕松(song)地(di)從(cong)別的(de)網(wang)(wang)站直接復(fu)制,但在網(wang)(wang)頁顯(xian)示的(de)形式(shi)總覺得怪(guai)怪(guai)的(de),有(you)點小了(le),看不清楚(chu)那(nei)是什(shen)么符號,那(nei)么如何(he)正(zheng)確設置才能美觀?
答:為了美觀些(xie),最好在css里(li)再寫進一些(xie)條件。
以下是代碼:
<div class="foot">
Copyright & copy; 2007-2009 www.xxx.com all rights reserved <a href="//www.miibeian.gov.cn" target="_blank">魯ICP備07007591號</a></div>
我(wo)們(men)可以看到(dao),控(kong)制(zhi) & copy; 的CSS的類是“foot”,那(nei)么(me)我(wo)們(men)就(jiu)在foot中加(jia)入“font:12px/1.5 Arial;”這(zhe)個條件來(lai)修飾一下版權所有(you)處的? 符號。
以下(xia)是代碼:
.foot {
font:12px/1.5 Arial;
}