CSS制作網(wǎng)頁幾個小問題的問答

時間：2022-07-07 03:30:01 | 來源：建站知識

時間：2022-07-07 03:30:01 來源：建站知識

一、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對標(biāo)準(zhǔn)的支持還是不盡如人意，但相對于IE6還說已經(jīng)是進(jìn)了一步了，而對于網(wǎng)頁的制作而言，就要多注意一下在編寫css時所要注意的問題，看到CSS的寫法是否符合web的標(biāo)準(zhǔn)。
修改以下的代碼：
.header {
        margin-top: 5px;
        WIDTH: 760px;
        PADDING-TOP: 0px;
        height: 30px;
        border: 1px solid #A5B5C0;
}
從上面我們看到，如果我們在.header與{之間加上一個空格，就會行了，因為在IE6下，可以忽略這個空格，而顯示正常的了，在IE7下就會因標(biāo)準(zhǔn)的原因而不能正常顯示了。
三、如何正確設(shè)置和輸入版權(quán)所有處的©符號
問：制作網(wǎng)站時，經(jīng)常會在自己的網(wǎng)站的底部加上版權(quán)所有的符號，但我們在保存網(wǎng)頁時經(jīng)常會出現(xiàn)編碼不對等提示，即是保存了，顯示在網(wǎng)頁上的也是一個“？”，如果我們用& opy;直接插入網(wǎng)頁中，這個符號在源代碼中就以& copy;(注:&和copy之間沒有空格，為了正常顯示所有這樣寫了)的形式體現(xiàn)。另外雖然也可以輕松地從別的網(wǎng)站直接復(fù)制，但在網(wǎng)頁顯示的形式總覺得怪怪的，有點小了，看不清楚那是什么符號，那么如何正確設(shè)置才能美觀？
答：為了美觀些,最好在css里再寫進(jìn)一些條件。
以下是代碼：
<div class="foot">
Copyright & copy; 2007-2009 www.xxx.com all rights reserved <a href="" target="_blank">魯ICP備07007591號</a></div>
我們可以看到，控制 & copy; 的CSS的類是“foot”，那么我們就在foot中加入“font:12px/1.5 Arial;”這個條件來修飾一下版權(quán)所有處的© 符號。
以下是代碼：
.foot {
      font:12px/1.5 Arial;
}
本文來自站長學(xué)習(xí)網(wǎng)-www.zxx6.com，歡迎轉(zhuǎn)載，轉(zhuǎn)載請注明出處。