CSS制作網頁幾個小問題的問答
一、div層的顯示與隐藏
問:div的visibility可以控制div的顯示和隐藏,但是隐藏後(hòu)頁面(miàn)顯示空白:
以下是代碼:
style="visibility: none;"
document.getElementById("typediv1").style.visibility="hidden";//隐藏
document.getElementById("typediv1").style.visibility="visible";//顯示
答:通過(guò)設置display屬性可以使div隐藏後(hòu)釋放占用的頁面(miàn)空間,如下
以下是代碼:
style="display: none;"
document.getElementById("typediv1").style.display="none";//隐藏
document.getElementById("typediv1").style.display="";//顯示
二、設置了層的CSS屬性,爲什麼(me)在IE6下顯示正常,在IE7下顯示不正常?
答:設置了層的CSS屬性,爲什麼(me)在IE6下顯示正常,在IE7下顯示不正常?也就是不論是設置height: 30px;,但沒(méi)有效果。
以下是代碼:
.header{
margin-top: 5px;
WIDTH: 760px;
PADDING-TOP: 0px;
height: 30px;
border: 1px solid #A5B5C0;
}
答:雖然IE7對(duì)标準的支持還(hái)是不盡如人意,但相對(duì)于IE6還(hái)說已經(jīng)是進(jìn)了一步了,而對(duì)于網頁的制作而言,就要多注意一下在編寫css時所要注意的問題,看到CSS的寫法是否符合web的标準。
修改以下的代碼:
.header {
margin-top: 5px;
WIDTH: 760px;
PADDING-TOP: 0px;
height: 30px;
border: 1px solid #A5B5C0;
}
從上面(miàn)我們看到,如果我們在.header與{之間加上一個空格,就會行了,因爲在IE6下,可以忽略這(zhè)個空格,而顯示正常的了,在IE7下就會因标準的原因而不能(néng)正常顯示了。
三、如何正确設置和輸入版權所有處的©符号
問:制作網站時,經(jīng)常會在自己的網站的底部加上版權所有的符号,但我們在保存網頁時經(jīng)常會出現編碼不對(duì)等提示,即是保存了,顯示在網頁上的也是一個“?”,如果我們用& opy;直接插入網頁中,這(zhè)個符号在源代碼中就以& copy;(注:&和copy之間沒(méi)有空格,爲了正常顯示所有這(zhè)樣(yàng)寫了)的形式體現。另外雖然也可以輕松地從别的網站直接複制,但在網頁顯示的形式總覺得怪怪的,有點小了,看不清楚那是什麼(me)符号,那麼(me)如何正确設置才能(néng)美觀?
答:爲了美觀些,最好(hǎo)在css裡(lǐ)再寫進(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号</a></div>
我們可以看到,控制 & copy; 的CSS的類是“foot”,那麼(me)我們就在foot中加入“font:12px/1.5 Arial;”這(zhè)個條件來修飾一下版權所有處的© 符号。
以下是代碼:
.foot {
font:12px/1.5 Arial;
}