[TOC]
标签解释
| 标签 | 描述 |
| :---------------- | :--------------------------------------------- |
| <h1></h1> | 标题1到6级 |
| <!--...--> | 注释 |
| <strong></strong> | 加粗 |
| <a href=""></a> | 锚点链接 |
| <em></em> | 强调 |
| <i></i> | 斜杠 |
| <label></label> | 定义input元素的标注 |
| <input></input> | 输入控件 |
| <u></u> | 下划线 |
| <span></span> | 区块 |
| <title></title> | 标题 |
| <nav></nav> | 导航链接 |
| <video></video> | 视频 |
| <time></time> | 时间日期 |
| <p></p> | 段落标签 |
| <select></select> | 创建下拉选项<select><option></option></select> |
| <option></option> | 下拉内容<option value=""></option> |
| 列表标签 | 描述 |
| :-------------- | :--------------- |
| <ul></ul> | 无序 |
| <ol></ol> | 有序 |
| <li></li> | ol和li中等待列表 |
| <table></table> | 表格 |
| <tr></tr> | 表格中的行 |
| <td></td> | 单元格 |
| <th></th> | 表头单元格 |
| 单标签 | 描述 |
| :------ | :------------------------- |
| <br/> | 换行 |
| <hr> | 定义水平线 |
| <input> | 输入 |
| <link> | 定义文档与外部资源的关系 |
| <img> | 图片 |
| <meta> | 定义关于 HTML 文档的元信息 |
| <param> | 定义对象的参数 |
css样式
<link rel="stylesheet" type="text/css" href="theme.css" />
| 样式 | 描述 |
|---|---|
| rowspan | 合并行 |
| colspan | 合并列 |
| align | 水平对齐 |
| valign | 垂直对齐 |
| type="text" | 单选 |
| type="checkbox" | 复选 |
| font-size | 字体大小 |
| color | 字体颜色 |
| font-family | 字体 |
| font-weigth | 文字加粗 |
| background-color | 背景颜色 |
| text-align | 文本对齐方式 |
| text-decoration:none | 消除连接下划线 |
| width | 宽 |
| height | 高 |
| border | 边框 |
| border-color | 边框颜色 |
| border-left-color | 左边框颜色 |
| background-image | 背景图片 |
| background | 背景颜色 |
| background-repeat:repeat | 背景图片重复方式:垂直水平方向重复 |
| margin:0px auto | 外边缘距离:居中;一般用于边框 |
| padding:0px auto | 外边缘距离:居中;一般用于内容 |
| z-index | 重叠 |
| a:link | 未访问状态 |
| a:visited | 已访问过的状态 |
| a:hover | 鼠标移动到上面时的状态 |
| a:active | 鼠标按下去时的状态 |
| opacity | 取值0到1,所有元素都会透明 |
| background-color:rgba(255,255,255,0.5) | 背景透明度 |
| inherit | 继承父类属性 |
| list-style: none; | 去除li前面的圆点 |
| line-height | 行高 |
| outline:none; | 去除按钮边框阴影 |
| border:none; | 去除按钮边框 |
| box-shadow: | 盒子阴影 |
| display:block | 块级元素，独占一行 |
| display:none | 隐藏，不显示 |
| display:inline | 行级标签，与其他标签同处一行 |
| color:inherit | 定一个属性(颜色)应从父元素继承它的值 |
| transition:all ease-out 1s; | 过渡：所有属性，逐渐变慢，1秒 |
| overflow：hidden | 内容溢出元素框：被隐藏 |
| overflow：scroll | 内容溢出元素框：滚动条 |
| overflow：auto | 内容溢出元素框：滚动条，没溢出，则不会显示 |
| overflow：visible | 内容溢出元素框：会在元素框外显示（默认值） |
| position:absolute | 绝对定位，参照最近父级，不占空间（父相子绝） |
| position:relative | 相对定位，自身原有位置，占空间 |
常用选择器
*
所有元素
.
clss属性的元素
#
id属性的元素
+ 选择器
兄弟选择器,只会影响+后面的标签(一个),不影响其他兄弟标签
~ 选择器
查找~后面的所有兄弟节点(同一父级下)
> 选择器
表示选择(>之前)元素的所有子(>之后)元素