42 摺疊選單上(布局介面)

2021-08-29 23:39:56 字數 839 閱讀 1564

感想: 在布局中學到了

1.text-indent: 2em;即可以將li的文字做縮排

2.background: url("images/arrow_right.jpg") no-repeat center center;即在背景中插入url

3.學習了display: inline-block;

回顧知識:

一.inline:(1)使元素變成行內元素,擁有行內元素的特性,即可以與其他行內元素共享一行,不會獨佔一行

(2)不能改變元素的height,width的值,大小由內容撐開

(3)可以使用padding,margin的left和right產生邊距效果,但是top和bottom就不行

二.block:(1)使元素變成塊級元素,獨佔一行,在不設定自己寬度的情況下,塊級元素會預設填滿父級的寬度

(2)能夠改變元素的height和width的值

(3)可以設定padding,margin的各個屬性值,top,left,bottom,right都能夠產生邊距效果

三.inline-block:(1)結合了inline和block的一些特點,結合了上述inline的第1個特點和block的第2,3個特點

(2)通俗地講就是不獨佔一行的塊級元素。

(3)需要注意是inline和float:left的比較,詳看:

一級選單

一級選單

一級選單

一級選單

一級選單

一級選單

一級選單

Markdown 04 摺疊語法

注意 csdn暫時不支援摺疊語法,可在 github 或 typora 中進行驗證 主要使用的是html5的details標籤 1 示例如下 摺疊文字summary 此處可書寫文字 嗯,是可以書寫文字的 details 摺疊 塊summary system.out.println 雖然可以摺疊 塊 ...

3 摺疊 手風琴

摺疊效果 collapse 類用於指定乙個摺疊元素 例項中的 點選按鈕後會在隱藏與顯示之間切換。控制內容的隱藏與顯示,需要在 或 元素上新增 data toggle collapse 屬性。data target id 屬性是對應摺疊的內容 注意 元素上你可以使用 href 屬性來代替 data t...

vim存活日誌2 摺疊設定

首先我想先說一下,並不是所有vim都有個.vimrc檔案,我用的ubuntu16.04,用apt get安裝完完整的vim之後,並沒有找到.vimrc,而是在 etc vim 下的vimrc檔案配置的,注意前面沒有點。其實可以在使用者目錄下新增.vimrc檔案的,這樣就只會改變該使用者的配置 寫長了...