摘要:蔬菜,水果同屬于物品清單里的,并且蔬菜,水果誰(shuí)先誰(shuí)后都無(wú)所謂,所以是無(wú)序列表,而蔬菜里面又包含這幾樣,所以它們又是一個(gè)無(wú)序列表,水果同理,這是無(wú)序列表中又包含無(wú)序列表,這是這節(jié)課講解都重點(diǎn)。
上節(jié)課做了第一個(gè)練習(xí),這節(jié)課我們來(lái)完成第二個(gè)練習(xí)(多級(jí)界面)
做之前先分析:
1.物品清單是這個(gè)界面的標(biāo)題,可以通過(guò)
2.蔬菜,水果同屬于物品清單里的,并且蔬菜,水果誰(shuí)先誰(shuí)后都無(wú)所謂,所以是無(wú)序列表,而蔬菜里面又包含這幾樣,所以它們又是一個(gè)無(wú)序列表,水果同理,這是無(wú)序列表中又包含無(wú)序列表,這是這節(jié)課講解都重點(diǎn)。
分析:這個(gè)li標(biāo)簽除了可以添加其它標(biāo)簽以外,還可以來(lái)添加ul標(biāo)簽。
無(wú)序列表中都li標(biāo)簽除了可以添加其它標(biāo)簽來(lái)豐富我們都界面以外,還可以添加ul標(biāo)簽來(lái)豐富我的界面,也就是說(shuō)ul中有l(wèi)i,li中又可以有ul,可以無(wú)限下去,以后你添加標(biāo)簽只添加到li中就可以了,不要添加到ul里,因?yàn)閡l中只能有l(wèi)i。
在WebStorm中如何快速編一個(gè)ul的格式
正常寫(xiě)ul,li標(biāo)簽比較復(fù)雜,需要先寫(xiě)一個(gè)ul然后按下tab鍵,WebStorm是一款很強(qiáng)大的工具,可以寫(xiě)成ul>li,按下tab鍵,直接生成
?
如果想有兩個(gè)li,則可以寫(xiě)成ul>li*2,按下tab鍵,直接生成
含義:生成一對(duì)ul標(biāo)簽,然后在這對(duì)ul標(biāo)簽再生成兩對(duì)li標(biāo)簽,所以剛才對(duì)例子用簡(jiǎn)單寫(xiě)法,可以寫(xiě)成如下:
ul>li*2>h2+ul>li*3,按下tab鍵
?
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/2108.html
摘要:給大家補(bǔ)充一點(diǎn)通配符是不參與權(quán)重計(jì)算的,因?yàn)橥ㄅ浞臋?quán)重是,而權(quán)重只計(jì)算,類(lèi),標(biāo)簽,將來(lái)還有一種,到后面說(shuō)。練習(xí)直接選中和間接選中的,必然要聽(tīng)直接選中的。練習(xí)直接選中一共有兩個(gè),直接比較這兩個(gè)直接選中的權(quán)重大小,聽(tīng)從權(quán)重大的。給大家補(bǔ)充一點(diǎn):通配符是不參與權(quán)重計(jì)算的,因?yàn)橥ㄅ浞臋?quán)重是0,而權(quán)重只計(jì)算id,類(lèi),標(biāo)簽,將來(lái)還有一種,到后面說(shuō)。 練習(xí)1 直接選中和間接選中的,必然要聽(tīng)直接選中的...
摘要:在這里我們介紹一個(gè)之前從來(lái)沒(méi)有了解過(guò)都語(yǔ)法按下鍵,因?yàn)楹褪峭患?jí)別的,因?yàn)樗鼈兊母笜?biāo)簽都是標(biāo)簽 在這里我們介紹一個(gè)之前從來(lái)沒(méi)有了解過(guò)都語(yǔ)法: dl>dt+dd 按下tab鍵,因?yàn)閐t和dd是同一級(jí)別的,因?yàn)樗鼈兊母笜?biāo)簽都是dl標(biāo)簽
摘要:讓我們做出來(lái)如下的樣式首先看下有幾個(gè)邊框,就做幾個(gè),用簡(jiǎn)單方法鍵然后給它們?cè)O(shè)置寬高然后依此來(lái)做邊框第一個(gè)有四種方法,第一種最簡(jiǎn)單第二個(gè)有兩種方法,第二種簡(jiǎn)單第三個(gè)第四個(gè)第五個(gè)第六個(gè)讓我們做出來(lái)如下的樣式: 1.首先看下有幾個(gè)邊框,就做幾個(gè)div,用簡(jiǎn)單方法div.box$*6? tab鍵 ? 2.然后給它們?cè)O(shè)置寬高 ? 3.然后依此來(lái)做邊框 第一個(gè):有四種方法,第一種最簡(jiǎn)單 第二個(gè):有兩...
摘要:要將第二個(gè)嵌套進(jìn)第一個(gè)中去如果以后我們看到一張圖片是由多張圖片拼接的,那么就是用到的嵌套,我們這個(gè)練習(xí)是用大的嵌套一個(gè)小的,再將小定位到底部。 要將第二個(gè)div嵌套進(jìn)第一個(gè)div中去 如果以后我們看到一張圖片是由多張圖片拼接的,那么就是用到div的嵌套,我們這個(gè)練習(xí)是用大的div嵌套一個(gè)小的div,再將小div定位到底部。
摘要:來(lái)做一個(gè)這個(gè)界面和標(biāo)簽在企業(yè)中用到的非常少,在企業(yè)里的邊框都要求非常好看來(lái)做一個(gè)這個(gè)界面 fieldset和legend標(biāo)簽在企業(yè)中用到的非常少,在企業(yè)里的邊框都要求非常好看
閱讀 1292·2023-04-26 01:03
閱讀 1907·2021-11-23 09:51
閱讀 3299·2021-11-22 15:24
閱讀 2663·2021-09-22 15:18
閱讀 1010·2019-08-30 15:55
閱讀 3458·2019-08-30 15:54
閱讀 2234·2019-08-30 15:53
閱讀 2387·2019-08-30 15:44