菜鸟笔记六：列表、定位

一、列表

---

无序列表：<ul> <li></li><ul>

有序列表：<ol></ol>

定义列表：<dl> <dt></dt> <dd></dd> </dl>

无序列表内会有小圆点，去掉方法：li:{list-style:none}

水平对齐：line-height:   px;

垂直对齐：vertical-align:middle;

---

二、定位

---

position：用于定位盒子位置。

边偏移属性：top、bottom、left、right

绝对定位 position:absolute

1. 如果一个元素设置了绝对定位，默认它会以body浏览器左上角为参照物进行位置改变。
2. 绝对定位可以可以不占位置。

相对定位 position:relative

1. 相对于自己原来位置。
2. 占位置。
3. 一般情况下，只要子元素设置绝对定位后，父元素就要设置相对定位。（子绝父相）