Display用法

隱藏一個元素可以通過把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)屬性指定元素輪廓的樣式、顏色和寬度蔚舀。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末饵沧,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子赌躺,更是在濱河造成了極大的恐慌狼牺,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,817評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件礼患,死亡現(xiàn)場離奇詭異是钥,居然都是意外死亡,警方通過查閱死者的電腦和手機缅叠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評論 3 385
  • 文/潘曉璐 我一進店門悄泥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人肤粱,你說我怎么就攤上這事弹囚。” “怎么了领曼?”我有些...
    開封第一講書人閱讀 157,354評論 0 348
  • 文/不壞的土叔 我叫張陵鸥鹉,是天一觀的道長。 經(jīng)常有香客問我庶骄,道長毁渗,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,498評論 1 284
  • 正文 為了忘掉前任单刁,我火速辦了婚禮灸异,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘羔飞。我一直安慰自己肺樟,他們只是感情好,可當我...
    茶點故事閱讀 65,600評論 6 386
  • 文/花漫 我一把揭開白布褥傍。 她就那樣靜靜地躺著儡嘶,像睡著了一般。 火紅的嫁衣襯著肌膚如雪恍风。 梳的紋絲不亂的頭發(fā)上蹦狂,一...
    開封第一講書人閱讀 49,829評論 1 290
  • 那天誓篱,我揣著相機與錄音,去河邊找鬼凯楔。 笑死窜骄,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的摆屯。 我是一名探鬼主播邻遏,決...
    沈念sama閱讀 38,979評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼虐骑!你這毒婦竟也來了准验?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,722評論 0 266
  • 序言:老撾萬榮一對情侶失蹤廷没,失蹤者是張志新(化名)和其女友劉穎糊饱,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體颠黎,經(jīng)...
    沈念sama閱讀 44,189評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡另锋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,519評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了狭归。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片夭坪。...
    茶點故事閱讀 38,654評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖过椎,靈堂內(nèi)的尸體忽然破棺而出室梅,到底是詐尸還是另有隱情,我是刑警寧澤潭流,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布竞惋,位于F島的核電站,受9級特大地震影響灰嫉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜嗓奢,卻給世界環(huán)境...
    茶點故事閱讀 39,940評論 3 313
  • 文/蒙蒙 一讼撒、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧股耽,春花似錦根盒、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至诬乞,卻和暖如春册赛,著一層夾襖步出監(jiān)牢的瞬間钠导,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評論 1 266
  • 我被黑心中介騙來泰國打工森瘪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留牡属,地道東北人。 一個月前我還...
    沈念sama閱讀 46,382評論 2 360
  • 正文 我出身青樓扼睬,卻偏偏與公主長得像逮栅,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子窗宇,可洞房花燭夜當晚...
    茶點故事閱讀 43,543評論 2 349

推薦閱讀更多精彩內(nèi)容