一、准备一个空白的HTML页面,同时完成css reset样式
提示: 1.reset样式可以参考别的大型网站的reset规则。 2.要添加utf-8的meta标签
二、完成页面当中的展示列表HTML的结构代码
提示: 1.注意标签的语义化,无序列表需使用ul和li。 2.标题部分要使用h3标签。 3.每个li结构当中会有一个i标签用来展示icon。
三、为列表的容器添加class和样式,同时reset列表本身的容器
提示: 1.注意要reset H3的默认样式。 2.li和ul要去掉默认的样式。 3.为ul的容器div增加class,并设置样式。
<html> <head> <!--准备一个空白的HTML页面,同时完成css reset样式 --> <!--补充完整的样式--> </head> <body> <!--添加列表的结构--> </body> </html>