<1>表格

1、 表格的含義

table標籤，就是表格標籤，用於展現資料

<tr>   <!--標籤：定義表格中的一行,不能設定邊線-->
               <!--<td>和<th>標籤：定義一行中的一個單元格-->
   <th>3</th>  <!--th表示表頭單元格,可以設定寬高和邊線-->
   <td>內容1</td>  <!--td代表普通單元格，-->
   <td>內容2</
 
td>
   <td>內容3</td>
</tr>

2、 表格相關樣式屬性

（1）border-collapse 設定表格的邊線合併，如：border-collapse:collapse;
（2）td到table之間的距離 、內容和td之間的距離

<table cellspacing="10px"  cellpadding='10'>

（3）橫向合併

<td collspan="2">內容1/內容2</tb>

（4）縱向合併

<td rowspan
 
="2">內容1/內容2</tb>

總結：

  1> 一個<⁢table>由<⁢thead>和<t⁢body>兩部分組成,由於瀏覽器的渲染問題一般都放在中
  2> 資料的收集就用form表單input
  3>展示ul和div要快於table,資料的展示一般使用ul>li，或者table裡面放tr>td>th.（thead/tbody）

<2>定位

1、定位的作用

  定位的作用：設定盒子的位置用的(盒子壓住別人一般用定位,反之用浮動)

2、文件流

  文件流：是指盒子按照html標籤編寫的順序依次從上到下，從左到右排列，塊元素佔一行，行內元素在一行之內從左到右排列，先寫的先排列，後寫的排在後面，每個盒子都佔據自己的位置。

3、css的position屬性來設定元素的定位型別

 （1）relative 生成相對定位元素，以自身定位,佔據文件流的位置.
 （2）absolute 生成絕對定位元素，元素脫離文件流(脫標)，不佔據文件流的位置，可以理解為漂浮在文件流的上方，相對於上一個設定了定位的父級元素來進行定位，如果找不到，則相對於body元素進行定位。(子絕父相)
 （3）fixed 生成固定定位元素，元素脫離文件流，不佔據文件流的位置，可以理解為漂浮在文件流的上方，相對於瀏覽器視窗進行定位。(例如: 固定導航欄)
 （4）static靜態定位,預設值(顯示並且佔位置)

4、定位元素的偏移

 （1）eft：正值向右,負值下左
 （2）right
 （3）top：正值向下,負值向上
 （4）bottom

5、定位元素層級z-index

.box01{
    position:absolute;  /* 設定了絕對定位 */
    left:200px;            /* 相對於參照元素左邊向右偏移200px */
    top:100px;          /* 相對於參照元素頂部向下偏移100px */
    z-index:10          /* 將元素層級設定為10 */
}

注意：
 （1）都有定位的盒子,預設層級為0;
 （2）都有定位,沒有設定層級,後面的高
 （3）沒有定位的盒子沒有層級

6、子盒子在父盒子裡居中

 （1）計算後設置
 （2）常用方法: left:50% marging-left: -100px

7、透明度:opacity

 （1）連帶文字的透明度也會改變
 （2）/* 相容IE678 */ ----filter:alpha(opacity=30);
 （3）背景透明: background: rgba(255, 0, 0, 0.1);

<3>權重

1、css權重:

  CSS權重指的是樣式的優先順序，有兩條或多條樣式作用於一個元素，權重高的那條樣式對元素起作用,權重相同的，後寫的樣式會覆蓋前面寫的樣式。

（1）按照等級來計算權重

 1> 行內寫style，如：style=””，權重值為1000
 2>ID選擇器，如：#content，權重值為100
 3>類，偽類，如：.content、:hover 權重值為10
 4>標籤選擇器，如：div、p 權重值為1 如：div+p 權重為2
 
 補充：background: red ! important 最高許可權