建站
咨詢
售后
建站咨詢
新聞中心
本文和大家重點討論一下CSS display屬性的使用，CSS display屬性值基本上分為inline,block,和none；block元素前后換行，標題和段落元素是塊元素；而none，意思不顯示元素，在可用性上可以實現(xiàn)漂亮的效果，交替樣式或hover效果的高級運用。
成都創(chuàng)新互聯(lián)2013年至今，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都網(wǎng)站制作、網(wǎng)站建設(shè)網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元建水做網(wǎng)站,已為上家服務(wù),為建水各地企業(yè)和個人服務(wù),聯(lián)系電話:18980820575
CSS display屬性
操作HTML元素的訣竅在于明白它們工作的方法在于沒有特定的形式。一些由標簽組成的大部分頁面可以設(shè)定任何樣式。瀏覽器默認的樣式里的大部分html元素由字體樣式、margin,padding組成，本質(zhì)上是顯示類型。
CSS display屬性基本上有inline,block,和none三個屬性值。
inline就像它的本意??顯示為inline的元素為行。strong,anchor錨和em強調(diào)元素默認是行。
block元素前后換行。標題和段落元素是塊元素。
none，意思不顯示元素，在可用性上可以實現(xiàn)漂亮的效果，交替樣式或hover效果的高級運用。
設(shè)定表現(xiàn)可以更好運用在網(wǎng)頁制作上。
- h1 {
- display: inline;
- font-size: 2em;
- }
- #header p {
- display: inline;
- font-size: 0.9em;
- padding-left: 2em;
- }
設(shè)定標題h1為行元素，可以和后面的元素在同一行。
- #navigation, #seeAlso, #comments, #standards {
- display: none;
- }
上面的代碼可以使用在打印樣式里，比如在導(dǎo)航使用，可以在打印時不顯示導(dǎo)航這些無關(guān)緊要的東西。
CSS display:none和visibility:hidden;的不同在于CSS display:none完全取消元素的顯示，visibility:hidden保持元素位置但視覺上的內(nèi)容不可見。例如，如果3的第二段設(shè)置為display:none，第一段將僅跟在第三段，如果設(shè)置為visibility:hidden，段落間就會空出。
當(dāng)前文章：CSS樣式中display屬性用法指導(dǎo)
本文網(wǎng)址：http://www.5511xx.com/article/cceeope.html
