一.position定位(relative | absolute | fixed | static)
1.position: static;
position 的默認值,元素沒有設置定位時的原有默認值。
2.position: relative; 相對定位
(1)相對元素的當前自身位子進行定位偏移;
(2)不會改變元素的默認表現;
(3)主要用于絕對定位的組合,幫助絕對定位確定坐標.
3.position: absolute; ? 絕對定位
(1)定在文檔中的某個位置,不會改變;
(2)設置了絕對定位的元素,如果父級元素沒有設置absolute或者relative或者fixed,那么該元素會以文檔進行偏移,如果父級元素設置了absolute或者relative或者fixed,那么該元素會以父級元素進行偏移 。
4.position:fixed; ? ? ?固定定位
(1)固定定位會改變元素的行標簽和塊標簽的表現,如:行級標簽定位后就可以設置寬高了? 參考float;
(2)一但給元素設定固定定位,float浮動就沒有效果了;
(3)以瀏覽器視窗定位的一種方式,可以設置負數。
拓展:
1.position:absolute | relative |fixed;
left:0;
right:0;
top:0;
bottom:0;
當出現四個方向時, 右 和 下 不生效;
2.border-radius:? ;設置圓角度
border-top-left-radius:? ? ;? border-top-right-radius: ? ? ; ? ?等設置相鄰兩邊間的圓角度。
3.float浮動、position定位(absolute) 可以使文檔脫離文檔流;
4.背景圖片、背景圖片位移、背景圖片尺寸、背景圖片平鋪的簡寫:
background: background-image ? background-position / background-size ? background-repeat;
二.表單—table標簽
1.table 表格 雙標簽? 表格級
th 行頭
tr定義行數
td 單元格
<tr>
? ? ?<th></th>
? ? ?<td></td>
? ? <td></td>
</tr>
2. rowspan、colspan、collapse
rowspan ? 合并行數
colspan? 合并列數
border-collapse:collapse;合并單元格邊線以及table外框之間的間隙