- HTML5+CSS3王者歸來(lái)
- 洪錦魁
- 279字
- 2019-12-09 14:46:12
5-1 點(diǎn)符列表
點(diǎn)符列表一般用在順序不重要的條列式數(shù)據(jù)中,該元素的使用格式如下:
<ul><li> … </li></ul>
由于點(diǎn)符列表可有許多條,通常又將上述格式以下列方式表達(dá)。

一般瀏覽器在執(zhí)行這個(gè)元素時(shí),會(huì)在條列式數(shù)據(jù)前加上黑色中圓點(diǎn)符號(hào)“·”。在HTML 4.01中,<ul>有type屬性可以更改實(shí)心圓點(diǎn)符號(hào)“·”。HTML5已經(jīng)取消對(duì)此的支持,取而代之的是CSS的list-style-type或list-style,本書(shū)將在13-1節(jié)和13-4節(jié)說(shuō)明這兩個(gè)屬性的使用方法。
程序?qū)嵗齝h5_1.html:以項(xiàng)目符號(hào)列出訪(fǎng)問(wèn)過(guò)的地點(diǎn)。

執(zhí)行結(jié)果

程序?qū)嵗齝h5_2.html:以點(diǎn)符列表方式重新設(shè)計(jì)ch4_6.html。下面將只列出與ch4_6.html代碼的不同之處。

執(zhí)行結(jié)果

很明顯,上圖中的兩個(gè)超鏈接文字盡管仍然保持是h3的標(biāo)題格式,但是已加上本節(jié)介紹的點(diǎn)符列表符號(hào)了。
推薦閱讀
- HornetQ Messaging Developer’s Guide
- 精通Nginx(第2版)
- Building a Game with Unity and Blender
- Python Deep Learning
- 機(jī)械工程師Python編程:入門(mén)、實(shí)戰(zhàn)與進(jìn)階
- Python程序設(shè)計(jì)案例教程
- 假如C語(yǔ)言是我發(fā)明的:講給孩子聽(tīng)的大師編程課
- PLC編程與調(diào)試技術(shù)(松下系列)
- Hands-On Natural Language Processing with Python
- Mastering Linux Network Administration
- Getting Started with Gulp
- Mastering Data Mining with Python:Find patterns hidden in your data
- Unity 2018 Augmented Reality Projects
- Django實(shí)戰(zhàn):Python Web典型模塊與項(xiàng)目開(kāi)發(fā)
- Spring 5 Design Patterns