如圖!html中dl加入css樣式後,dd和dt黏在一塊了,什麼原因

時間 2021-05-07 20:01:56

1樓:匿名使用者

dl 不要設定高度, 要也是用auto;然後dt設定一個固定高度 20px; line-height:20px; dd就不用了

2樓:匿名使用者

給dd dt加一點間距。

dl dt dd 問:dt和dd怎麼在同一行呢?我的為什麼換行了?html css

3樓:匿名使用者

dl,dd這樣子,就可以了,但是最好加上這個個dl,dd,dt

4樓:匿名使用者

在樣式里加個float:left;試試

html標籤中dl dd這個標籤有什麼作用??

5樓:12345額時代

dl標籤定義了定義列表(definition list),dd是用來定義列表中定義條目的定義部分。操作方法如下:

1、首先新建一個 dldtdd.html 檔案,如圖所示。

2、然後輸入 作用:宣告使用html5的標準,如圖所示。

3、接著輸入網頁結構的頭部和主體,並且設定標題為:定義列表,如圖所示。

4、然後使用 dl>dt,dd標籤定義一個列表,**如圖所示。

5、最後執行網頁,可以看到列表效果已經定義好了,如圖所示。

6樓:匿名使用者

ul ol li dl dt

dd都是div+css做網頁長用的東西,相當於一棵樹的樹技,下面就瞭解一下這些東西的全體用法,本人用dd,dt,dd用得很少,懂得結合使用對做架構是很有好處的哦!

divcss網頁佈局中常用的列表元素ul ol li dl dt dd釋義,塊級元素div儘量少用,和table一樣,巢狀越少越好

ol 有序列表。

…………

……表現為:

1……2……3……ul 無序列表,表現為li前面是大圓點而不是123

…………

很多人容易忽略

dl dt dd的用法

dl 內容塊

dt 內容塊的標題

dd 內容

可以這麼寫:

標題內容1

內容2dt

和dd中可以再加入 ol ul li和p

理解這些以後,在使用div佈局的時候,會方便很多,w3c提供了很多元素輔助佈局。dd dt dl標籤

我們平時常用的是< ul>< li>標籤,不過dd、dt標籤也蠻不錯,特別是釋出程式的時候功能模組列表什麼的可以使用它來排版。

< dl>< /dl>< dt>< /dt>< dd>< /dd>

< dl>< /dl>用來建立一個普通的列表,< dt>< /dt>用來建立列表中的上層專案,<

dd>< /dd>用來建立列表中最下層專案,< dt>< /dt>和< dd><

/dd>都必須放在< dl>< /dl>標誌對之間。看一下下邊的例子您就會明白了:

dl ——define list——定義列表

dt ——define list title——用於生成定義列表中各列表項的標題,重複使用可以定義多個列表項的標題。

dd——define list define——用於生成定義列表各列表項的說明文欄位,重複使用可以定義多個說明文欄位。dd是對應dt的簡短說明或解

例子:today

today is yesterday.

tomorrow

tomorrow is today.

7樓:匿名使用者

dl dt dd是html裡面的自定義列表用法如下:

標題子項1

子項2子項3

可以自己試試 很好用  一般用在頁面底部

dl列表佈局中,為什麼dt和dd之間有 間隔? 10

8樓:燕京理工

dl 標籤中 dd有預設的 margin(外間距) 所以 dl中dt和dd就算浮動也會有間距 那是dd預設margin 所以要在dd標籤中 加 margin:0px;

網頁中如何使用dl dd dt 與css做出導航欄目下的列表 10

9樓:人都是練出來的

dl dt dd的標籤和其他標籤其實都是一個意思,只要你的css寫對了,都是能出現同樣效果的,因為這個有3種標籤,因此方便css定義樣式,所以比較流行

10樓:匿名使用者

menu1

item11

item12

menu2

item11

item12

做了一個比較簡單的選單 你可以自己加樣式

11樓:匿名使用者

純css也可以做,但是比較麻煩,可以配合js做,很簡單就實現了,做個滑鼠經過事件就解決

html中,dl和dd和dt標籤是什麼意思,什麼時候需要用到它們

12樓:育知同創教育

html中,dl和dd和dt標籤的意思如下:

1、dl標籤定義了定義列表(definition list)。

2、dd是用來定義列表中定義條目的定義部分。

舉例說明:

計算機用來計算的儀器 ... ...

顯示器以視覺方式顯示資訊的裝置 ... ...

3、顯示結果:

13樓:匿名使用者

dt dd最外層必須用dl包裹;組合標籤。

dl定義列表,

dt 定義列表中的專案,

dd描述列表中的專案,三者結合使用

計算機用來計算的儀器 ... ...

顯示器以視覺方式顯示資訊的裝置 ... ...

14樓:知道學府

我們在製作網頁過程中用到列表時一般會使用

或者標籤,很少用刑

標籤,但是這個三個標籤卻有著不可忽視的作用,畢竟web標準中要盡最大可能的使用已有的標籤。它們的用途是:

< dl>< /dl>用來建立一個普通的列表,< dt>< /dt>用來建立列表中的上層專案,< dd>< /dd>用來建立列表中最下層專案,< dt>< /dt>和< dd>< /dd>都必須放在< dl>< /dl>標誌對之間。

以下是例項:

中國城市

北京 上海

廣州 美國城市

華盛頓芝加哥

紐約 我們可以看到,中間的文字即時我們沒有進行縮排它也會向前靠攏,而中間的內容則自動向後縮排。

希望我的回答對您有所幫助!

15樓:it馬倩

這是描述列表,帶有標題和內容的列表。

ul 僅是有內容的列表。

有時候多級分類和網頁底部需要用到描述列表。

16樓:匿名使用者

其實和ul、li差不多,都是用來設定列的樣式

17樓:匿名使用者

定義和解釋定義

蘋果蘋果是一種很甜的水果!

鴨梨鴨梨是很常見的水果!

ps:執行一下就知道了!

html中,dl和dd和dt標籤是什麼意思,什麼時候需要用到它們

18樓:陸舒傑

定義列表的意思

一般用在**並排的時候

應網友提問,這就是我說的**並排

19樓:小呸胚

< dl>< /dl>用來建立一個普通的列表,< dt>< /dt>用來建立列表中的上層專案,< dd>< /dd>用來建立列表中最下層專案。

是一組合標籤,使用了dt dd最外層就必須使用dl包裹,此組合標籤我們也又叫**標籤,與table**類似組合標籤,故名我們也叫dl**。

20樓:匿名使用者

順便給「知道學府」給出的最佳答案配個圖:

如圖可見各標籤的縮排情況

21樓:知道學府

我們在製作網頁過程中用到列表時一般會使用或者標籤,很少用刑標籤,但是這個三個標籤卻有著不可忽視的作用,畢竟web標準中要盡最大可能的使用已有的標籤。它們的用途是:

< dl>< /dl>用來建立一個普通的列表,< dt>< /dt>用來建立列表中的上層專案,< dd>< /dd>用來建立列表中最下層專案,< dt>< /dt>和< dd>< /dd>都必須放在< dl>< /dl>標誌對之間。

以下是例項:

中國城市

北京 上海

廣州 美國城市

華盛頓芝加哥

紐約 我們可以看到,中間的文字即時我們沒有進行縮排它也會向前靠攏,而中間的內容則自動向後縮排。

希望我的回答對您有所幫助!

html裡的 dl dt dd dd裡的文字怎麼浮到**的右邊中間怎麼浮上去

22樓:夏侯僧

我看了一下你的**,你想要的效果跟你的**對不上的。

這一行裡分2列 一列是** 一列是文字 全部靠左流動。文字說明又分為2行 。

如圖:**如下:

**右邊邊第一行

右邊第二行

從設計圖到網頁的實現,主要是思考怎麼分塊。只要弄清楚了怎麼分塊,就跟搭積木一樣,組合起來就是了。

希望我的答案能幫到你。

23樓:

首先把 dl當做 盒子 dt dd相當於盒子裡的子盒子 ,dt float:left ;dd float:right(盒子要有寬高 百分比就好)

css樣式裡

  • 的區別?

    24樓:__劇情丶

    html 列表中的dl,dt,dd,ul,li,ol區別及應用1、無序列表

    無序列表是一個專案的列表,此列專案使用粗體圓點(典型的小黑圓圈)進行標記。

    無序列表始於 標籤。每個列表項始於 。

    2、有序列表

    同樣,有序列表也是一列專案,列表專案使用數字進行標記。

    有序列表始於 標籤。每個列表項始於 標籤。

    3、定義列表

    自定義列表不僅僅是一列專案,而是專案及其註釋的組合。

    自定義列表以 標籤開始。每個自定義列表項以 開始。每個自定義列表項的定義以 開始。

    4、不同型別的有序列表

    本例演示不同型別的有序列表。

    5、這就是我們常用到的html列表標籤

    25樓:匿名使用者

    1、基本樣式是

    和2、dl和ul是最外層的標籤,別的包含在這裡面,其中dl是有標題的列表,ul是無序列表,另外還有ol是有序列表(就是前面帶類似編號1、2、3之類的列表)

    3、dt是列表的標題,dd是標題(dt)的內容部分;li是列表項希望對你有所幫助,不明白的隨時諮詢我,我專職網頁前端

    26樓:百度使用者

    我也求解,剛學這個~~~

    html中aa怎樣豎排,html中 a href a 的用法

    點點技術分享 將a標籤設定為塊元素即可,直接給你上css a 需要的話自己加上寬高 html中 的用法 墨汁諾 相對跳轉有如下方式,需要了解 以下的例子中,分別以你的例子和帶.html尾綴進行演示 2 本目錄下的子資料夾 設資料夾名為newdoc 的使用 如果使用dw等網頁製作軟體的話,會有很完美的...

    html中怎麼設定標題居中,HTML中怎麼設定標題居中

    來自開心島有趣的白玉棠 html中設定標題居中的具體操作方法為 1 開啟html應用軟體,在文字編輯框中,輸入文字標題。2 在輸入好的標題前面加入 style text align center。3 之後即可成功將網頁的標題設定為居中位置。 言言言小魚 html標題居中可以用text align c...

    如圖,在ABC中,AB AC,點D是BC邊上的中點,DE

    亓馳海 bed cfd b c bd dc bed cfd aas de df 全等三角形的對應邊相等 如圖所示,在 abc中,ab ac,點d是bc的中點,de ab,df ac,垂足分別為e f 證明 1 連線ad 因為 ab ac,d是bc中點 所以 ad是等腰三角形abc底邊bc上的中垂線所...