列表和盒子模型

列表和盒子模型

有序列表

<ol>标签：<ol>中只能是<li>标签

无序列表

<ul>标签：只能以<li>作为子标签

无序列表常用于实现树形列表

定义列表

<dl>

<dt>:标题

<dd>:描述

</dl>

列表样式2-1

list-style-type

none:无标记符号

disc:实心圆，默认

circle:空心圆

square：实心正方形

decimal：数字

list-style-image

list-style-position

list-style：type position image

盒子模型

边框：

边框颜色

border-color

border-top、right、bottom、left-color:上右下左

边框粗细

border-width

边框样式

border-style

none:无

dotted：

dashed：虚线

solid：实线

double：双

boder:宽度 样式 颜色

外边距

margin-top、right、bottom、left

margin:0px auto：居中

内边距

padding-top、right、bottom、left

内边距不可以为负数，外边距可以

盒子的高宽

高：height

宽：width

盒子模型的尺寸

box-sizing：content-box|border-box|inherit

圆角边框

border-radius:1px 1px 1px 1px ;

四个属性按顺时针排列

边框阴影

box-shadow:h-shadow v-shadow blur spread color inset

display属性2-1

元素以何种方式显示

block：块级元素

inline:内联元素（行级元素）

inline-block:行内块元素

none:无

特性：块级元素和行级元素的相互转换