CSS默認(rèn)隱藏標(biāo)簽

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

CSS在初始時(shí)對(duì)標(biāo)簽的默認(rèn)樣式

雖然我們會(huì)使用CSS去設(shè)置某種特定標(biāo)簽的樣式，但是這種樣式和實(shí)際上在頁(yè)面中看到的樣式是不一樣的。如果我們不想在某些特定情況下展示這些不一樣的默認(rèn)樣式。就需要利用CSS來(lái)默認(rèn)隱藏這些標(biāo)簽，然后再重新定義它們的樣式。

CSS默認(rèn)隱藏標(biāo)簽的方法

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

重建默認(rèn)樣式

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

使用示例

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