基本中的基本了，太常见的内容就不写了，主要是不常见但是常用的内容。
通过各种模板快速上手了html前端编程，但是各种元素难以调整，重新系统学习基础，才发现了这些隐藏知识点。
1.列表
列表有两种，无序列表<ul>，和有序刘表<ol>
无序列表有三种样式：
| 值 | 描述 |
|---|---|
| disc | 默认值，实心圆 |
| circle | 空心圆 |
| square | 实心方块 |
使用方式：<ul type="square">
<ul type="square">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
无序列表也有三种样式：
| 值 | 描述 |
|---|---|
| 1 | 数字 |
| a,A | 字母 |
| i,I | 罗马数字 |
使用方式：<ol type="i">
<ol type="i">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ol>
2.表格
我们编辑表格其实都是在编辑table的tbody
显示表格边框时去除表格边距：cellspacing=0
合并表格：<td colspan="3"> <td rowspan="4">
<table border="solid" cellspacing=0>
<tr>
<td colspan="2">xxx</td>
<td rowspan="3">aaa</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
</tr>
<tr>
<td>d</td>
<td>e</td>
</tr>
</table>
3.居中
先介绍容器：
<span>包裹文本<div>包裹任何东西，默认width100%,height:0
两种水平居中：
text-align:center容器内部元素水平居中margin:auto容器本身水平居中
垂直居中：
设置文字行高和容器高一样即可
字体默认大小为16px，行高默认为21px
关于容器的size，padding，margin，border，可以看网页的源代码：
4. 样式优先级
| 样式 | 表示 | 权值 |
|---|---|---|
| 行内样式 | style=" " | 1000 |
| id | CSS中用#名字表示 | 100 |
| class | CSS中用.名字表示 | 10 |
| div等标签 | CSS中直接 div表示 | 1 |
| 全部 | * | 0 |
在CSS中，#box p .tt表示id为box的元素中的p元素中的class为tt的元素的样式，即连起来写可以表示包含关系，并且特定，不会映射到这个包含之外的样式。
总的权值就是所有包含的相加，即上面这条语句的权值是100+1+10=111
5.文字样式
font-family:字体font-style:italic倾斜text-indent:首行缩进text-decoration:underline
6.设置背景图片
通过background-image:设置背景图片，默认平铺，即图片大小不够会重复
通过backgroud-repeat:no-repeat取消重复
通过backgroud position:设置图片位置
7.浮动
浮动是元素脱离页面存在，从而实现覆盖效果。
但是不会覆盖文字，图片和表单
文字环绕效果就是用了这样的特性
多个浮动横向排列，并且排列时只考虑前一个元素
元素受浮动影响
overflow:auto自动溢出
clear:left/right/both清楚浮动影响