一.定位
圓角和鼠標(biāo)懸停的時候變顏色
- position屬性：
station：默認(rèn)屬性听怕，沒有定位
relative：相對定位
absolute：絕對定位
fixed：固定定位
1.相對定位
- relative屬性值
相對自身原來位置進(jìn)行偏移
偏移設(shè)置：top,left,right,bottom
left:來描述盒子向右移動淆院；
right：來描述盒子向左移動
top:來描述盒子向下的移動
bottom：描述盒子的向上移動
如果是負(fù)數(shù)就是相反的方向 - 相對定位的盒子浅役，不脫離標(biāo)準(zhǔn)流插掂，原有的位置保留不變，其后的元素不能占用其原有的位置傀履。
-
相對定位的主要用途是作為其內(nèi)部元素絕對定位時的參照標(biāo)準(zhǔn)鸥鹉。
示例
示例
2.絕對定位
-
absolute屬性
偏移設(shè)置：left，right余境，top驻呐，bottom
絕對定位的元素的位置相對于最近的已定位祖先元素灌诅，如果元素沒有已定位的祖先元素，那么它的位置相對于最初的包含塊
示例
示例
示例
設(shè)置成為父子級后：相對于父級進(jìn)行運動
示例
二.Z-index屬性
-
調(diào)整元素定位時的重疊層的上下位置
1.Z-index屬性值：整數(shù)含末，默認(rèn)值為0
2.設(shè)置了postion屬性時猜拾，z-index屬性可以設(shè)置各元素之間的重疊關(guān)系
3.z-index值大的層位于其值小的層的上方
示例
此時的顏色紅色在最上面
示例
當(dāng)我們加上z-index的時候：
藍(lán)色就會在所有顏色的最前面
示例
三.透明度
1.網(wǎng)頁元素透明度
-
屬性：
opacity:x
x值為0~1，值越小越透明 （opacity：0.4答渔；）
filter：alpha（opacity-x）
x的值為0~100关带，值越小越透明 （filter：alpha（opacity-40））
透明度示例
四.浮動
1.浮動的屬性
CSS 的 Float（浮動），會使元素向左或向右移動沼撕，其周圍的元素也會重新排列宋雏。
Float（浮動），往往是用于圖像务豺，但它在布局時一樣非常有用磨总。
元素的水平方向浮動，意味著元素只能左右移動而不能上下移動笼沥。
一個浮動元素會盡量向左或向右移動蚪燕，直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。
浮動元素之后的元素將圍繞它奔浅。
浮動元素之前的元素將不會受到影響馆纳。
2.浮動的特性：
1.浮動元素支持所有css樣式
2.內(nèi)容撐開寬度
3.多個元素設(shè)置浮動，寬度足夠的話汹桦，會排在一行
4.脫離文檔流
5.提升層級半級
3.overflow屬性
-
屬性：
1.visible：默認(rèn)值鲁驶，內(nèi)容不會被修剪，會呈現(xiàn)在盒子之外舞骆。
2.hidden：內(nèi)容會被修剪钥弯，并且其余內(nèi)容是不可見的
3.scroll：內(nèi)容會被修剪，但是瀏覽器會顯示滾動條以便查看其余內(nèi)容督禽。
4.auto：如果內(nèi)容被修剪脆霎，則瀏覽器會顯示滾動條以便查看其余內(nèi)容。
示例
示例1
示例
4.clear屬性（清除浮動）
-
屬性：
1.left:在左側(cè)不允許浮動元素狈惫。
2.right：在右側(cè)不允許浮動元素睛蛛。
3.both：在左右兩側(cè)不允許浮動元素。
4.none：默認(rèn)值虱岂，在允許浮動元素出現(xiàn)在兩側(cè)玖院。
示例
（此文章僅作為個人學(xué)習(xí)筆記使用，如有錯誤歡迎指正~）
