建站
咨詢
售后
建站咨詢
新聞中心
css中display怎么做顯示或隱藏
display：none可以隱藏某個元素，且隱藏的元素不會占用任何空間。該元素不但被隱藏了，而且該元素原本占用的空間也會從頁面布局中消失。
我們擁有十載網(wǎng)頁設(shè)計和網(wǎng)站建設(shè)經(jīng)驗(yàn)，從網(wǎng)站策劃到網(wǎng)站制作，我們的網(wǎng)頁設(shè)計師為您提供的解決方案。為企業(yè)提供網(wǎng)站設(shè)計制作、做網(wǎng)站、微信開發(fā)、重慶小程序開發(fā)、成都做手機(jī)網(wǎng)站、H5場景定制、等業(yè)務(wù)。無論您有什么樣的網(wǎng)站設(shè)計或者設(shè)計方案要求，我們都將富于創(chuàng)造性的提供專業(yè)設(shè)計服務(wù)并滿足您的需求。
display：block可以顯示一個塊元素，或者display：inline是顯示一個內(nèi)聯(lián)元素。
display主要用的CSS樣式有以下三個：
display:block——顯示為塊級元素。
display:inline——顯示為內(nèi)聯(lián)元素。
display:inline-block——顯示為內(nèi)聯(lián)塊元素，表現(xiàn)為同行顯示并可修改寬高內(nèi)外邊距等屬性。
擴(kuò)展資料：
顯示的塊級元素(block)特性：總是獨(dú)占一行，表現(xiàn)為另起一行開始，而且其后的元素也必須另起一行顯示;寬度(width)、高度(height)、內(nèi)邊距(padding)和外邊距(margin)都可控制;
顯示的內(nèi)聯(lián)元素(inline)特性：和相鄰的內(nèi)聯(lián)元素在同一行;寬度(width)、高度(height)、內(nèi)邊距的top/bottom(padding-top/padding-bottom)和外邊距的top/bottom(margin-top/margin-bottom)都不可改變，就是里面文字或圖片的大小;
塊級元素主要有：address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li等css屬性。
內(nèi)聯(lián)元素主要有：a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em , font , i , img , input , kbd , label , q , s , samp , select , small , span , strike , strong , sub , sup ,textarea , tt , u , var等css屬性。
如何隱藏CSS文件
右擊 CSS文件----屬性----------在隱藏那里打勾---------------打包文件就可以在文件夾下，別人看不到你的文件上傳到空間的話，如何隱藏，就要請教高手！
如何把表格css的樣式全都隱藏
表格？還是DIV?
那你用display:none;這個也可以隱藏起來！而不占據(jù)地方！
邊框的寬度你指定為0也可以 隱藏了
在h1標(biāo)簽上使用css樣式,怎樣才能隱藏文字?
1）一般來說，偏移掉字體的方式是使用：text-indent:-9999px;?（注意：只能用于block，table cells和inline-block）
text-indent:-9999px；的具體使用方法：把h1作為一個塊來顯示（display:block;），指定長寬（和圖片一樣大小），然后指定h1的背景圖片，也就是將我們需要的圖片作為h1這個 標(biāo)簽的背景。而h1標(biāo)簽中插入的，仍然是作為字符形式出現(xiàn)的博客標(biāo)題，然后用text-indent:-9999px;將文字甩到屏幕看不到的地 方。（9999px應(yīng)該是足夠了，誰的屏幕也沒那么大吧）
如：
h1a href=“”博客園/a/h1
在CSS文件中：（注意：將h1轉(zhuǎn)化成block的話，他身后的的元素就被他趕到下一行了。如果正好這個h1后面，是一個按鈕，就要用float來浮動以使他身后再出現(xiàn)簇?fù)碚撸?/p>
h1 a{height:30px;width:165px;float:left;text-indent:-9999px;background-image:url(images/logo.gif);background-repeat:no-repeat;display:block;position:relative;
}
在h1使用上語義明確，符合語義化定義。text-indent就是首行縮進(jìn)，大家都在中文段落，首行空兩格用過它。這里通過負(fù)值縮進(jìn)，使文字 超出可視區(qū)，而這時h1下的背景就顯示出來了，h1中包含的a標(biāo)簽又不影響使用，對于隱藏文字“站點(diǎn)名稱”應(yīng)該是最佳方案了。但對于多段 文字的隱藏這個方法就不適合了。
另外，點(diǎn)擊h1a鏈接時，會產(chǎn)生一個虛線框，對于IE還好，沒什么問題，虛線框只是在背影圖片大小。但是Firefox就有些麻煩，它把縮進(jìn)的文字范圍也包含進(jìn)來了，這樣不是很美觀。
于是需要屏掉點(diǎn)擊時產(chǎn)生的虛線框，IE和FF屏虛線框方法不一樣。IE采用的遍歷方法(HTC,css表達(dá)式)有些耗系統(tǒng)資源，正好我們只需要隱藏FF下的虛線框就行了，IE就不管了，說一下Firefox如何去掉鏈接的虛線框的方法。
a{outline:none;
}
outline是css3的一個屬性，用的很少。聲明，這是個不能兼容的css屬性，在ie6、ie7、遨游瀏覽器都不兼容。只有ff,ie8在加了outline:none后會取消聚焦的虛線框。
2）使用overflow:hidden;完美隱藏background之上的字體
line-height:0;
font-size:0;
overflow:hidden;
或 (不大適合用在h1標(biāo)簽上）.text-hidden {display:block;overflow:hidden;width:0;height:0;
}
3）還有另外2種方法，不推薦使用。
1、display:none;
這個大家普遍說法是，搜索引擎可能認(rèn)為被隱藏的文字屬于垃圾信息而被忽略，不為隱藏的對象保留物理占位空間。GG也搜CSS文件？不過如果用這個方法，h1如何設(shè)計，也是難題。
2、visibility:hidden;
和display:none;相對應(yīng)，為隱藏的對象保留物理占位空間。
若某個標(biāo)簽里的內(nèi)容超過標(biāo)簽的尺寸,則超出的內(nèi)容自動隱藏的CSS樣式是什么？
overflow: hidden; 設(shè)置元素內(nèi)容溢出隱藏。
overflow-y: hidden; 設(shè)置垂直溢出隱藏。
overflow-x: hidden; 設(shè)置水平溢出隱藏
鼠標(biāo)經(jīng)過文字的時候顯示隱藏圖片的css樣式~
1.打開dw軟件并創(chuàng)建一個新文檔。
2.在dw中，編寫以下css樣式：style .mengsb {width：648px; margin：0px auto;}.jixing1 a {position：relative; width：320px; margin：0 0px 0 0; float：left; height：232px;}。
3.然后將以下圖像添加到正文中，代碼為：body div class =“mengsb”。
4.查看實(shí)時視圖中的最終效果。
5，另外，你可以改變一些參數(shù)來實(shí)現(xiàn)不同的效果，可以改變背景顏色。
6.最后，看看改變顏色的效果。
本文標(biāo)題：隱藏css樣式,css隱藏標(biāo)簽的方法
網(wǎng)站路徑：http://www.dlmjj.cn/article/dsiicji.html
