CSS裡面display的用法是怎樣的

時間 2022-07-24 20:43:36

1樓:凌嫿雪

做js切換css樣式效果的作用display就是設定是否顯示

2樓:哈瑞傑php培訓

1 用作顯隱

2 用來做 行內元素 到塊級元素的轉換

3樓:

display 屬性:控制元素的顯示方式

常用的屬性值有:

none 此元素不會被顯示。

block 此元素將顯示為塊級元素,此元素前後會帶有換行符。

list-item 此元素會作為列表顯示。

inherit 規定應該從父元素繼承 display 屬性的值。

inline 預設值此元素會被顯示為內聯元素,元素前後沒有換行符。

一般導航裡面需要實現一些特效,如下拉列表,用js控制該元素的display 屬性值來實現滑鼠放上去的時候彈出,滑鼠移開就消失(設定display值為none)。

4樓:書香學程式設計

vue實踐-css樣式position/display/float屬性對比使用

5樓:

各屬性值的意義:

none 此元素不會被顯示。

block 此元素將顯示為塊級元素,此元素前後會帶有換行符。

inline 預設。此元素會被顯示為內聯元素,元素前後沒有換行符。

inline-block 行內塊元素。(css2.1 新增的值)

list-item 此元素會作為列表顯示。

run-in 此元素會根據上下文作為塊級元素或內聯元素顯示。

compact css 中有值 compact,不過由於缺乏廣泛支援,已經從 css2.1 中刪除。

marker css 中有值 marker,不過由於缺乏廣泛支援,已經從 css2.1 中刪除。

table 此元素會作為塊級**來顯示(類似 ),**前後帶有換行符。

inline-table 此元素會作為內聯**來顯示(類似 ),**前後沒有換行符。

table-row-group 此元素會作為乙個或多個行的分組來顯示(類似 )。

table-header-group 此元素會作為乙個或多個行的分組來顯示(類似 )。

table-footer-group 此元素會作為乙個或多個行的分組來顯示(類似 )。

table-row 此元素會作為乙個**行顯示(類似 )。

table-column-group 此元素會作為乙個或多個列的分組來顯示(類似 )。

table-column 此元素會作為乙個單元格列顯示(類似 )

table-cell 此元素會作為乙個**單元格顯示(類似 和 )

table-caption 此元素會作為乙個**標題顯示(類似 )

inherit 規定應該從父元素繼承 display 屬性的值。

在css樣式表中display是什麼意思?

6樓:

display 屬性規定元素應該生成的框的型別,用的最多的就是display:block;顯示 display:none;隱藏。

下面是所有值的用法描述。display本身意思是「顯示、陣列」的意思

值 描述

none 此元素不會被顯示。

block 此元素將顯示為塊級元素,此元素前後會帶有換行符。

inline 預設。此元素會被顯示為內聯元素,元素前後沒有換行符。

inline-block 行內塊元素。(css2.1 新增的值)

list-item 此元素會作為列表顯示。

run-in 此元素會根據上下文作為塊級元素或內聯元素顯示。

compact css 中有值 compact,不過由於缺乏廣泛支援,已經從 css2.1 中刪除。

marker css 中有值 marker,不過由於缺乏廣泛支援,已經從 css2.1 中刪除。

table 此元素會作為塊級**來顯示(類似 ),**前後帶有換行符。

inline-table 此元素會作為內聯**來顯示(類似 ),**前後沒有換行符。

table-row-group 此元素會作為乙個或多個行的分組來顯示(類似 )。

table-header-group 此元素會作為乙個或多個行的分組來顯示(類似 )。

table-footer-group 此元素會作為乙個或多個行的分組來顯示(類似 )。

table-row 此元素會作為乙個**行顯示(類似 )。

table-column-group 此元素會作為乙個或多個列的分組來顯示(類似 )。

table-column 此元素會作為乙個單元格列顯示(類似 )

table-cell 此元素會作為乙個**單元格顯示(類似 和 )

table-caption 此元素會作為乙個**標題顯示(類似 )

inherit 規定應該從父元素繼承 display 屬性的值。

澱粉的使用方法,澱粉怎麼用,澱粉的用法是怎樣的?

其實都一樣,勾芡最好用的是 大薯粉 國內很難買到。傳統勾芡 滿漢全席 是用豬皮膠,用粉勾芡太假了。澱粉的主要作用是掛漿和收湯汁。用澱粉就是勾芡,在碗中盛取一小勺澱粉,然後用涼水攪拌,在菜將要出鍋的時候倒入鍋中,翻炒出鍋。它的用法就是使菜湯粘稠。澱粉還可以來作涼粉,最好是豌豆澱粉,像做藕粉那樣在澱粉裡...

怎樣清洗裡面是棉花的毛衣外套

您好!請先檢視衣物標籤,如果毛衣可以水洗,請按以下方法清洗。1 洗滌前先拍去灰塵,然後在冷水中浸泡10 20分鐘,毛料織物在30度以上的水溶液中會收縮變形,宜冷水短時間浸泡 2 再在放入藍月亮絲毛淨清洗液或藍月亮洗衣液的水中輕輕揉搓衣物,切忌大力搓洗,如要機洗則選擇輕檔 洗滌溫度不超過40度 3 用...

直髮器的用法是怎樣的?讓頭髮變直的注意事項有哪些呢

首先,我們得將直髮器插上電源,開啟開關,然後我們需要做的就是等待,因為直髮器需要一定的時間讓夾發板加熱。加熱這個過程是非常重要的,我們得非常注意,因為我們不能加熱過度,這樣會導致燙頭髮時頭髮被燙壞,也不能讓加熱的時間太少,這樣不能讓頭髮定型。那麼我認為最適宜的加熱時間就是3到4分鐘。待加熱結束後,我...

朋友送了藏紅花,但不知藏紅花用法是怎樣的,什麼人都合適用嗎

藏紅花的用法比較簡單,一般直接泡水喝就可以了。藏紅花茶泡製方法 取藏紅花花絲5至10根,用開水浸泡後飲用,續水3至5次後連花絲一同吃下。藏紅花單方藥酒泡製方法 藏紅花2 4克,白酒1斤 500毫公升 浸泡一周後飲用,每日20 30毫公升。可補腎生精 健脾益氣 養血活絡,主治腎虛血虧 頭暈腰疼 食少神...

怎樣正確使用護髮素,護髮素的正確用法是怎用的?

正確使用護髮素的方法 護髮素是要收緊毛鱗片,因為收緊後頭髮才不會很容易受損。使用護髮素不需區分髮質,所有的頭髮都一樣需要護髮素,但是使用護髮素的正確方法和使用後的效果有很大關係。洗髮後在離頭皮5 8厘公尺的頭髮上使用,不要抹到髮根。一般輕揉1 3分鐘,用清水沖洗乾淨即可。如果想要作用更加明顯,可以嘗...