課時33.無序列表練習3（理解）

newtrek 發布于2019-04-23 13:37 / 2030人閱讀

摘要：蔬菜，水果同屬于物品清單里的，并且蔬菜，水果誰先誰后都無所謂，所以是無序列表，而蔬菜里面又包含這幾樣，所以它們又是一個無序列表，水果同理，這是無序列表中又包含無序列表，這是這節課講解都重點。

上節課做了第一個練習，這節課我們來完成第二個練習（多級界面）

做之前先分析：

1.物品清單是這個界面的標題，可以通過

標簽來做。

2.蔬菜，水果同屬于物品清單里的，并且蔬菜，水果誰先誰后都無所謂，所以是無序列表，而蔬菜里面又包含這幾樣，所以它們又是一個無序列表，水果同理，這是無序列表中又包含無序列表，這是這節課講解都重點。

分析：這個li標簽除了可以添加其它標簽以外，還可以來添加ul標簽。

無序列表中都li標簽除了可以添加其它標簽來豐富我們都界面以外，還可以添加ul標簽來豐富我的界面，也就是說ul中有li，li中又可以有ul，可以無限下去，以后你添加標簽只添加到li中就可以了，不要添加到ul里，因為ul中只能有li。

在WebStorm中如何快速編一個ul的格式

正常寫ul，li標簽比較復雜，需要先寫一個ul然后按下tab鍵，WebStorm是一款很強大的工具，可以寫成ul>li，按下tab鍵，直接生成

?

如果想有兩個li，則可以寫成ul>li2,按下tab鍵，直接生成

含義：生成一對ul標簽，然后在這對ul標簽再生成兩對li標簽，所以剛才對例子用簡單寫法，可以寫成如下：

ul>li2>h2+ul>li*3,按下tab鍵

?

云服務器 GPU云服務器無序列表 html無序列表語法 html無序列表圓圈 html無序列表的點

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/2108.html

課時89.CSS三大特性練習（理解）

摘要：給大家補充一點通配符是不參與權重計算的，因為通配符的權重是，而權重只計算，類，標簽，將來還有一種，到后面說。練習直接選中和間接選中的，必然要聽直接選中的。練習直接選中一共有兩個，直接比較這兩個直接選中的權重大小，聽從權重大的。給大家補充一點：通配符是不參與權重計算的，因為通配符的權重是0，而權重只計算id，類，標簽，將來還有一種，到后面說。練習1 直接選中和間接選中的，必然要聽直接選中的...

馬龍駒 2019-04-23 13:37 評論0 收藏0
課時36.定義列表練習（了解）

摘要：在這里我們介紹一個之前從來沒有了解過都語法按下鍵，因為和是同一級別的，因為它們的父標簽都是標簽在這里我們介紹一個之前從來沒有了解過都語法： dl>dt+dd 按下tab鍵，因為dt和dd是同一級別的，因為它們的父標簽都是dl標簽

SimonMa 2019-04-23 13:37 評論0 收藏0
課時106.邊框練習（理解）

摘要：讓我們做出來如下的樣式首先看下有幾個邊框，就做幾個，用簡單方法鍵然后給它們設置寬高然后依此來做邊框第一個有四種方法，第一種最簡單第二個有兩種方法，第二種簡單第三個第四個第五個第六個讓我們做出來如下的樣式： 1.首先看下有幾個邊框，就做幾個div，用簡單方法div.box$*6? tab鍵 ? 2.然后給它們設置寬高 ? 3.然后依此來做邊框第一個：有四種方法，第一種最簡單第二個：有兩...

Anonymous1 2019-04-23 13:36 評論0 收藏0
課時101.背景圖練習（理解）

摘要：要將第二個嵌套進第一個中去如果以后我們看到一張圖片是由多張圖片拼接的，那么就是用到的嵌套，我們這個練習是用大的嵌套一個小的，再將小定位到底部。要將第二個div嵌套進第一個div中去如果以后我們看到一張圖片是由多張圖片拼接的，那么就是用到div的嵌套，我們這個練習是用大的div嵌套一個小的div，再將小div定位到底部。

CarlBenjamin 2019-04-23 13:36 評論0 收藏0
課時50.51表單練習（理解）

摘要：來做一個這個界面和標簽在企業中用到的非常少，在企業里的邊框都要求非常好看來做一個這個界面 fieldset和legend標簽在企業中用到的非常少，在企業里的邊框都要求非常好看

macg0406 2019-04-23 13:38 評論0 收藏0