课时33.无序列表练习3(理解)
2018-06-24 02:28:01来源:未知 阅读 ()
上节课做了第一个练习,这节课我们来完成第二个练习(多级界面)
做之前先分析:
1.物品清单是这个界面的标题,可以通过<h1>标签来做。
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>li*2,按下tab键,直接生成
含义:生成一对ul标签,然后在这对ul标签再生成两对li标签,所以刚才对例子用简单写法,可以写成如下:
ul>li*2>h2+ul>li*3,按下tab键
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
下一篇:课时36.定义列表练习(了解)
- HTML基础01 2020-06-07
- html有序无序自定义列表 2020-03-28
- css如何玩转有序无序列表项list样式 2020-02-15
- 漂亮的无序列表样式 2019-12-20
- HTML列表简单介绍 2019-11-16
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash