公司動态

CSS制作網頁幾個小問題的問答

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;  



本文網址: