outline
outline
visibility和display的區別
visibility:
hidden可以隱藏某個元素，但隱藏的元素仍需占用與未隱藏之前一樣的空間。也就是說，該元素雖然被隱藏了，但仍然會影響布局。
display:
none可以隱藏某個元素，且隱藏的元素不會占用任何空間。也就是說，該元素不但被隱藏了，而且該元素原本占用的空間也會從頁面布局中消失。
塊元素和內聯元素
- 塊元素占用了全部的寬度，前后都是換行符，如：
< h1>
< p>
< div> - 內聯元素只需要必要的寬度，并不強制換行，如：
< span>
< a>
display:inline 將塊元素轉換為內聯元素。
li{display:inline}
display:block 將內聯元素轉化為塊元素。
span{display:block}
定位
- fixed
Fixed定位使元素的位置與文檔流無關，因此不占據空間。
Fixed定位的元素和其他元素重疊。
position:fixed;
- Relative定位
相對定位元素的定位是相對其正常位置。
可以移動的相對定位元素的內容和相互重疊的元素，它原本所占的空間不會改變。
position:relative;
top:-50px;
Absolute元素
絕對定位的元素的位置相對于最近的已定位父元素，如果元素沒有已定位的父元素，那么它的位置相對于<html>。重疊元素
元素的定位與文檔流無關，所以它們可以覆蓋頁面上的其它元素，z-index屬性指定了一個元素的堆疊順序（哪個元素應該放在前面，或后面）
一個元素可以有正數或負數的堆疊順序：
具有更高堆疊順序的元素總是在較低的堆疊順序元素的前面。
注意： 如果兩個定位元素重疊，沒有指定z - index，最后定位在HTML代碼中的元素將被顯示在最前面。
img{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
overflow
當內容超過指定范圍后，可以用overflow屬性創建對應的滾動條；
cursor
當鼠標移動到對應區域時，鼠標變為cursor設定的樣式；
