CSS制作網(wǎng)頁幾個(gè)小問題的問答
一、div層的顯示與隱藏
問:div的visibility可以控制div的顯示和隱藏,但是隱藏后頁面顯示空白:
以下是代碼:
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隱藏
document.getElementById("typediv1").style.visibility="visible";//顯示
答:通過設(shè)置display屬性可以使div隱藏后釋放占用的頁面空間,如下
以下是代碼:
style="display: none;"
document.getElementById("typediv1").style.display="none";//隱藏
document.getElementById("typediv1").style.display="";//顯示
二、設(shè)置了層的CSS屬性,為什么在IE6下顯示正常,在IE7下顯示不正常?
答:設(shè)置了層的CSS屬性,為什么在IE6下顯示正常,在IE7下顯示不正常?也就是不論是設(shè)置height: 30px;,但沒有效果。
以下是代碼:
.header{
margin-top: 5px;
WIDTH: 760px;
PADDING-TOP: 0px;
height: 30px;
border: 1px solid #A5B5C0;
}
答:雖然IE7對(duì)標(biāo)準(zhǔn)的支持還是不盡如人意,但相對(duì)于IE6還說已經(jīng)是進(jìn)了一步了,而對(duì)于網(wǎng)頁的制作而言,就要多注意一下在編寫css時(shí)所要注意的問題,看到CSS的寫法是否符合web的標(biāo)準(zhǔn)。
修改以下的代碼:
.header {
margin-top: 5px;
WIDTH: 760px;
PADDING-TOP: 0px;
height: 30px;
border: 1px solid #A5B5C0;
}
從上面我們看到,如果我們?cè)?header與{之間加上一個(gè)空格,就會(huì)行了,因?yàn)樵贗E6下,可以忽略這個(gè)空格,而顯示正常的了,在IE7下就會(huì)因標(biāo)準(zhǔn)的原因而不能正常顯示了。
三、如何正確設(shè)置和輸入版權(quán)所有處的?符號(hào)
問:制作網(wǎng)站時(shí),經(jīng)常會(huì)在自己的網(wǎng)站的底部加上版權(quán)所有的符號(hào),但我們?cè)诒4婢W(wǎng)頁時(shí)經(jīng)常會(huì)出現(xiàn)編碼不對(duì)等提示,即是保存了,顯示在網(wǎng)頁上的也是一個(gè)“?”,如果我們用& opy;直接插入網(wǎng)頁中,這個(gè)符號(hào)在源代碼中就以& copy;(注:&和copy之間沒有空格,為了正常顯示所有這樣寫了)的形式體現(xiàn)。另外雖然也可以輕松地從別的網(wǎng)站直接復(fù)制,但在網(wǎng)頁顯示的形式總覺得怪怪的,有點(diǎn)小了,看不清楚那是什么符號(hào),那么如何正確設(shè)置才能美觀?
答:為了美觀些,最好在css里再寫進(jìn)一些條件。
以下是代碼:
<div class="foot">
Copyright & copy; 2007-2009 www.xxx.com all rights reserved <a href="http://www.miibeian.gov.cn" target="_blank">魯ICP備07007591號(hào)</a></div>
我們可以看到,控制 & copy; 的CSS的類是“foot”,那么我們就在foot中加入“font:12px/1.5 Arial;”這個(gè)條件來修飾一下版權(quán)所有處的? 符號(hào)。
以下是代碼:
.foot {
font:12px/1.5 Arial;
}