2020.02.11学习
列表和长度单位
在html中也可以创建列表,在创建网页中有三种列表。
1,无序列表
2,有序列表
3,定义列表
无序列表:
- 用ul标签创建一个无序列表
- 使用li 在 ul中创建一个一个的列表项(都是块元素)
一个li就是一个列表
通过type属性可以修改无序列表的项目符号
注意:默认是的项目符号,我们都不用。
去掉项目符号:
在style中可以设置 list-style:none
需要设置项目符号,可以设置背景图片。
有序列表:
和无序列表相似,只不过用ol来代替ul
有序列表使用有序的数字作为项目符号。
type属性可以指定序号类型
可选值:1,默认值,阿拉伯数字
a/A,采用大写或小写来作为符号
i/I,采用小写或大写的罗马数字
列表之中都是可以互相嵌套的。
定义列表:
使用dl来创建一定义列表
dl中有两个子标签:dt(被定义的内容),dd(对我们定义内容的描述)
同样dl,ul和ol之间都可以互相嵌套。
-->
<!--
长度单位:
像素px;
像素是我们在创作网页中使用最多的一个单位。
一个像素就相当于我们屏幕中的一个小点。
不同的显示器一个像素的大小也不相同。
百分比%:
- 也可以将单位设置一个百分比的形式。
这样浏览器会根据父元素的样式来计算该值。
- 好处: 当我们父元素的属性值发生变化时,我们子元素的比例也会发生改变。
我们创建一个自适应的页面时,经常使用百分比作为单位
em:
和百分比类似,它是相对于字体大小来计算的
1 em = 1 font-size
使用em时,当字体大小发生改变时,em也会发生改变
当设置字体相关的样式时,经常会使用em。
-->