值
語義static
靜態定位
relative
相對定位
absolute
絕對定位
fixed
固定定位
邊偏移屬性
示例描述
toptop:80px
頂端偏移量，定義元素相對於其父元素上邊線的距離
bottom
bottom:80px
底部偏移量，定義元素相對與其父元素下邊線的距離
left
left:80px
左側偏移量，定義元素相對於其父元素左邊線的距離
right
right:80px
右側偏移量，定義元素相對於其父元素右邊線的距離
選擇器
選擇器它是相對於自己原來的位置來移動的（移動位置的時候參照點是自己原來的位置）
原來在標準流的位置繼續占有，後面的盒子仍然以標準流的方式對待它。（不脫標，繼續保留原來的位置）
選擇器如果沒有祖先元素或者祖先元素沒有定位，則以瀏覽器為準定位
如果祖先元素有定位（相對、絕對、固定定位），則以最近一級的有定位祖先元素為參考點移動位置
絕對定位不再占有原來位置（脫標）
子級絕對定位，不會占有位置，可以放到父盒子裡面的任何乙個地方，不會影響其他的兄弟盒子
父盒子需要加定位限制子盒子在父盒子內顯示
父盒子布局時，需要占有位置，因此父親只能是相對定位
選擇器以瀏覽器的可視視窗為參照點移動元素
a.跟父元素沒有任何關係
b.不隨滾動條滾動
固定定位不占有原來的位置（脫標）
讓固定定位的盒子left：50%，走到瀏覽器可視區（也可以看做版心）的一半位置
讓固定定位的盒子margin-left：版心寬度的一半距離，多走版心寬度的一半位置
選擇器以瀏覽器的可視視窗為參照點移動元素（固定定位特點）
粘性定位占有原先的位置（相對定位特點）
必須新增top、left、right、bottom其中乙個才有效
選擇器left：50%；讓盒子的左側移動到父級元素的水平中心位置
margin-left：-100px；讓盒子向左移動自身寬度的一半
行內元素新增絕對或者固定定位，可以直接設定高度和寬度
塊級元素新增絕對或者固定定位，如果不給寬度或者高度，預設大小是內容的大小
脫標的盒子不會觸發外邊距塌陷
屬性值描述
visible
不剪下內容也不新增滾動條
hidden
不顯示超過物件尺寸的內容，超出部分隱藏掉
scroll
不管超出內容否，總是顯示滾動條
auto
超出自動顯示滾動條，不超出不顯示滾動條
HTML與CSS之HTML的基礎語法
html hypertext markup language 就是超文字標記語言。超文字 就是表示頁面內可以包含非文字元素，如 鏈結 等等。html 網頁檔案可以使用記事本 寫字板 hbuilder sublime 等編輯工具來編寫，以 htm 或 html 為檔案字尾名儲存。將 html 網頁檔案...
前端基礎HTML基礎之CSS
一 id選擇器 class選擇器 標籤選擇器 屬性選擇器 組合選擇器 設定css樣式有三種，第一種是通過在head中style定義選擇器，寫css樣式 第二種通過在標籤中新增屬性的方式定義css樣式 style background color black 第三中方式通過定義css樣式表 三種樣式定...
css與html基礎收集
1 css去掉iphone ipad預設按鈕樣式 如果還有圓角的問題 button 2 去除chrome等瀏覽器文字框預設發光邊框 input focus,textarea focus 去掉高光樣式 input focus 當然這樣以來，當文字框載入焦點時，所有瀏覽器下的文字框的邊框都不會有顏色上及...