這篇文章將為大家詳細講解有關(guān)css怎么讓隱藏的元素顯示出來，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)建站一直在為企業(yè)提供服務(wù)，多年的磨煉，使我們在創(chuàng)意設(shè)計，營銷型網(wǎng)站建設(shè)到技術(shù)研發(fā)擁有了開發(fā)經(jīng)驗。我們擅長傾聽企業(yè)需求，挖掘用戶對產(chǎn)品需求服務(wù)價值，為企業(yè)制作有用的創(chuàng)意設(shè)計體驗。核心團隊擁有超過十年以上行業(yè)經(jīng)驗，涵蓋創(chuàng)意，策化，開發(fā)等專業(yè)領(lǐng)域，公司涉及領(lǐng)域有基礎(chǔ)互聯(lián)網(wǎng)服務(wù)四川電信科技城機房、APP應(yīng)用開發(fā)、手機移動建站、網(wǎng)頁設(shè)計、網(wǎng)絡(luò)整合營銷。

css的選擇器有哪些

css的選擇器可以分為三大類，即id選擇器、class選擇器、標簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等

在css中，可以使用display屬性讓隱藏的元素顯示出來，只需要給被隱藏的元素添加“display:block”樣式即可。display屬性規(guī)定元素應(yīng)該生成的類型，當值為block時，表示將隱藏的元素顯示出來。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

新建一個html文件，命名為test.html，用于講解CSS隱藏的元素如何顯示出來。

在test.html文件內(nèi)，使用p標簽創(chuàng)建兩行文字用于測試。

在test.html文件內(nèi)，給第一個p標簽添加一個class屬性，屬性值為mytest，主要用于通過該class設(shè)置p標簽的樣式。

在test.html文件內(nèi)，編寫<style type="text/css"></style>標簽，頁面的css樣式將寫在該標簽內(nèi)。

在css標簽內(nèi)，通過class(mytest)設(shè)置p標簽的css樣式，將display屬性設(shè)置為none，實現(xiàn)p標簽內(nèi)容隱藏不可見。

在隱藏的p標簽內(nèi)，使用style設(shè)置p標簽的樣式 ，將display屬性設(shè)置為block，實現(xiàn)隱藏的p標簽顯示出來。

在瀏覽器打開test.html文件，查看實現(xiàn)的效果。

關(guān)于“css怎么讓隱藏的元素顯示出來”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

本文名稱：css怎么讓隱藏的元素顯示出來
網(wǎng)站URL：http://jinyejixie.com/article44/pggdee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、響應(yīng)式網(wǎng)站、網(wǎng)站策劃、品牌網(wǎng)站建設(shè)、面包屑導(dǎo)航、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)