基本中的基本了，太常見的內容就不寫了，主要是不常見但是常用的內容。
通過各種模板快速上手了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清楚浮動影響