2019-04-10
div
块元素,所有块元素都独占一行进行格式渲染
div的float属性具有传导性，如果多个div，前面的div都设置了float属性，则后面的div默认具有float属性，如不想使用float属性，则加入"clear: both"
span
行内元素，进行格式渲染时并不独占一行，宽高设置无效
ul 无序列表
| 属性 | 值 | 描述 |
|---|---|---|
| type | disc (实心圆，默认值) square(方块) circle (空心圆) | 规定列表的项目符号的类型 |
html5新用法：在style中设置list-style-type属性
水平排列：使用float属性
ol 有序列表
| 属性 | 值 | 描述 |
|---|---|---|
| type | 用于设置项目编号类型 | |
| start | 可以让有序列表不以"1"为起始编号 | |
| reversed | 指定列表倒序显示 |
dl
可以将一组术语与其定义配对显示
dt 定义
dd 描述
块元素
总是在新行上开始
行高以及边距可以控制。
如不设置宽度，默认为100%。可以自由设置宽高。
常用块元素：<div> <p> <pre> <h1>-<h6> <blockquote>
<ul> <ol> <li> <dl> <dt> <dd>
<form> <table>
样式：display:block;
行内元素
和其他元素都在一行上
行高及边距不可改变
宽度、高度就是自身文字或图片的尺寸，不可改变
常用行内元素：<span> <a> <strong> <em>
样式：display:inline
内联块状元素
和其他元素都在一行上
元素的高度、宽度、行高以及边距都可设置。
常用元素：<input> <img>
样式：display:inline-block;
