隱藏一個元素可以通過把display屬性設置為"none"差凹,或把visibility屬性設置為"hidden"。但是請注意侧馅,這兩種方法會產(chǎn)生不同的結(jié)果危尿。
visibility:hidden可以隱藏某個元素,但隱藏的元素仍需占用與未隱藏之前一樣的空間馁痴。也就是說谊娇,該元素雖然被隱藏了,但仍然會影響布局罗晕。
display:none可以隱藏某個元素济欢,且隱藏的元素不會占用任何空間。也就是說小渊,該元素不但被隱藏了法褥,而且該元素原本占用的空間也會從頁面布局中消失。
可變元素(根據(jù)上下文關系確定該元素是塊元素還是內(nèi)聯(lián)元素):
applet ,button ,del ,iframe , ins ,map ,object , script
CSS中塊級酬屉、內(nèi)聯(lián)元素的應用:
利用CSS我們可以擺脫上面表格里HTML標簽歸類的限制半等,自由地在不同標簽/元素上應用我們需要的屬性揍愁。
主要用的CSS樣式有以下三個:
display:block? -- 顯示為塊級元素
display:inline? -- 顯示為內(nèi)聯(lián)元素
display:inline-block -- 顯示為內(nèi)聯(lián)塊元素,表現(xiàn)為同行顯示并可修改寬高內(nèi)外邊距等屬性
我們常將所有<li>元素加上display:inline-block樣式杀饵,原本垂直的列表就可以水平顯示了莽囤。
輪廓(outline)是繪制于元素周圍的一條線,位于邊框邊緣的外圍切距,可起到突出元素的作用烁登。
輪廓(outline)屬性指定元素輪廓的樣式、顏色和寬度蔚舀。