首页 > 代码库 > css基础
css基础
一、列表
列表有三种形式:
1.1 无序列表
无序列表,用来表示一个列表语义,并且每个项目与项目之间是不分先后顺序的
ul 的英文unordered list “无序列表” li 的英文 list item “列表项” |
你会发现 ,这个我们学习的“组标签”,就是要么不写,要写就写一组 |
<ul> <li>北京</li> <li>上海</li> <li>深圳</li> <li>广州</li> </ul> |
也就是,当前的这个列表项li不能单独的存在,必须包裹在ul标签里面,反过来说ul的“徒弟”就是li。
下表为错误演示:没有被ul标签包裹,默认没有ul的语义,所以直接没有排版
<li>北京</li> <li>上海</li> <li>深圳</li> <li>广州</li> |
Ul标签并不是给文字添加小圆点的,而是给无序列表增加“语义”
Ul标签实际应用的场景:导航条,排版文章,标题栏(ul放li,li是个容器级标签,什么都可以放)
ul的层级结构(嵌套结构)
|
1.2有序列表
order list 有序列表 , 用ol表示
<ol> <li>香蕉</li> <li>苹果</li> <li>桔子</li> </ol> |
浏览器会自动添加阿拉伯序列号:
1.香蕉
2.苹果
3.桔子
css基础
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。