css中隱藏命令有哪些

這篇“css中隱藏命令有哪些”文章，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要參考一下，對(duì)于“css中隱藏命令有哪些”，小編整理了以下知識(shí)點(diǎn)，請(qǐng)大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進(jìn)入主題吧。

公司主營業(yè)務(wù)：成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出甘南免費(fèi)做網(wǎng)站回饋大家。

css是什么意思

css是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言，主要是用來設(shè)計(jì)網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言，并且css樣式可以直接存儲(chǔ)于HTML網(wǎng)頁或者單獨(dú)的樣式單文件中，而樣式規(guī)則的優(yōu)先級(jí)由css根據(jù)這個(gè)層次結(jié)構(gòu)決定，從而實(shí)現(xiàn)級(jí)聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對(duì)于網(wǎng)頁進(jìn)行格式化。

css中隱藏命令有三種，分別是：1、使用“display:none”來隱藏所有內(nèi)容；2、使用“visibility:hidden”來隱藏內(nèi)容；3、使用“overflow:hidden”隱藏溢出內(nèi)容。

CSS中隱藏內(nèi)容的3種方法及屬性值

在制作網(wǎng)頁時(shí)，隱藏內(nèi)容也是一種比較常用的手法，它的作用一般有：隱藏文本/圖片、隱藏鏈接、隱藏超出范圍的內(nèi)容、隱藏彈出層、隱藏滾動(dòng)條、清除錯(cuò)位和浮動(dòng)等等。 使用CSS即可使以上提到的內(nèi)容隱藏起來，幾種隱藏內(nèi)容的方法：

1、使用display:none來隱藏所有內(nèi)容

display:none可以讓網(wǎng)頁中所有內(nèi)容不顯示，如代碼、文字、鏈接、圖片、p層，是推薦的內(nèi)容隱藏方式。

<p style="display:none;">我不占地兒，你看不見我；</p>

值	描述
none	此元素不會(huì)被顯示。
block	此元素將顯示為塊級(jí)元素，此元素前后會(huì)帶有換行符。
inline	默認(rèn)。此元素會(huì)被顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。
run-in	此元素會(huì)根據(jù)上下文作為塊級(jí)元素或內(nèi)聯(lián)元素顯示。
inherit	規(guī)定應(yīng)該從父元素繼承 display 屬性的值。

2、使用visibility:hidden來隱藏內(nèi)容【推薦：《css視頻教程》】

visibility:hidden和display:none可以隱藏的內(nèi)容幾乎一樣，但唯一區(qū)別是它雖然隱藏了內(nèi)容，但被隱藏掉的內(nèi)容仍舊占據(jù)空間，這段隱藏了內(nèi)容卻保留空間的位置會(huì)在網(wǎng)頁中顯示為空白。

<p style="visibility:hidden;">我占了地兒，你也看不見我；</p>

值	描述
visible	默認(rèn)值。元素是可見的。
hidden	元素是不可見的。
collapse	當(dāng)在表格元素中使用時(shí)，此值可刪除一行或一列，但是它不會(huì)影響表格的布局。被行或列占據(jù)的空間會(huì)留給其他內(nèi)容使用。如果此值被用在其他的元素上，會(huì)呈現(xiàn)為 "hidden"。
inherit	規(guī)定應(yīng)該從父元素繼承 visibility 屬性的值。

3、使用overflow:hidden隱藏溢出內(nèi)容

overflow:hidden這種方式可以隱藏掉固定區(qū)域外的內(nèi)容，它可以有效控制顯示區(qū)域。但應(yīng)注意，使用它時(shí)需要給它定義寬度和高度，否則會(huì)無效。

<p style="width:120px; height:20px; overflow:hidden;">我占的地兒太多了你就看不見我的尾巴了。。。。。</p>

overflow用法中存在一個(gè)分支，overflow-x:hidden和overflow-y:hidden，x是橫向范圍，y是縱向范圍，這兩個(gè)屬性經(jīng)常用在需要隱藏滾動(dòng)條時(shí)。

值	描述
visible	默認(rèn)值。內(nèi)容不會(huì)被修剪，會(huì)呈現(xiàn)在元素框之外。
hidden	內(nèi)容會(huì)被修剪，并且其余內(nèi)容是不可見的。
scroll	內(nèi)容會(huì)被修剪，但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
auto	如果內(nèi)容被修剪，則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
inherit	規(guī)定應(yīng)該從父元素繼承 overflow 屬性的值。

以上是“css中隱藏命令有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文題目：css中隱藏命令有哪些
網(wǎng)站鏈接：http://bm7419.com/article12/pcshdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、電子商務(wù)、外貿(mào)網(wǎng)站建設(shè)、外貿(mào)建站、虛擬主機(jī)、網(wǎng)站營銷

廣告

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