CSS默認隱藏標簽

在CSS中我們可以使用display:none;的方式來隱藏一個元素,但是如果要對整個頁面下的某種特定的標簽進行隱藏，那么這種元素的隱藏方式需要在元素創(chuàng)建的時候就定義好。

CSS在初始時對標簽的默認樣式

雖然我們會使用CSS去設置某種特定標簽的樣式，但是這種樣式和實際上在頁面中看到的樣式是不一樣的。如果我們不想在某些特定情況下展示這些不一樣的默認樣式。就需要利用CSS來默認隱藏這些標簽，然后再重新定義它們的樣式。

CSS默認隱藏標簽的方法

我們可以使用下面這段CSS代碼來默認隱藏一個特定的標簽：
tagname {display:none;}
其中tagname指代需要隱藏的標簽類型，例如p, h1, h2等等，而display:none則是用來實現(xiàn)這種默認隱藏效果的CSS屬性。當添加了這種樣式后，在頁面中對應的標簽就不會被展示出來了。

重建默認樣式

有時候我們可能需要重新定義某些默認隱藏的標簽的樣式，這時候需要對其進行一些特殊的處理。通常的做法是在頁面中添加一組新的CSS規(guī)則，用來重建這些標簽的樣式。代碼如下:
tagname {display:block; visible:visible; font-size:14px; color:#333;}
這里的visible:visible屬性是為了避免在某些瀏覽器中可能出現(xiàn)的兼容性問題。

使用示例

比如我們可以使用下面的代碼來默認隱藏所有的h1標簽：
h1 {display:none;}
而下面這組代碼則是用來重新定義頁面中的h1標簽的：
h1 {display:block; visible:visible; font-size:24px; color:#FF9900;}
通過這種方式，我們就可以重新定義所有的h1標簽的樣式了。