1. 程式人生 > >背景的漸變/vatical的專題解析/cs元素的顯示與隱藏-學習筆記

背景的漸變/vatical的專題解析/cs元素的顯示與隱藏-學習筆記

記單詞、複習。
背景色的漸變(漸變是css3中的東西,考慮加上相容處理)
1、線性漸變
背景顏色沿著一條直線進行的它的屬性為:linear gradient
1)漸變的位置:它的方向值有(to left從右到左漸變、to-right從左到右漸變、to top 從下到上漸變、to-bottom從上到下漸變、to-right-bottom。從左上漸變到右下/ 角度值:用deg作為單位;每個顏色間用逗號分開)
2)漸變的節點(節點一般表示每個顏色漸變的開始位置。注意
如果第一個顏色漸變節點位置大於0,那麼之前就是純色(第一個顏色)
如果最後一個顏色漸變節點位置小於最大大小,那麼之後就是純色(最後一個顏色)漸變節點位置可以使用百分比進行設定。
(1) 漸變顏色可以設定透明度(rgba,HSLa等)
3)漸變的重複(repeating-linear-gradient(函式用於建立重複的線性漸變影象

2、 徑向漸變
它的屬性為:radial-gradient
擴充套件
HTML與body的背景設定。一般而言盒子有多大,所設定的背景顏色就佔據多大。但是對於body和html有點例外。而預設html,body是沒有高度的,他的高度會隨著內容的填充而填充。然後寬度是100%;
Vertical-align專題解析(重點)
所有瀏覽器都支援
可能的值:
1) 表格單元個格的值(top middle bottom)
2) 控制多個行內(塊)元素在一行上的垂直對齊方式/當一行有多個行內塊元素是生效,如果只有一個元素那麼它的頂端就是行的頂端,它的底端就是行的底端,不管你設定top、bottom他都不會變化。
3) 相對父元素的值 控制行內(塊)元素相對其父元素垂直對齊方式(baseline、middle、text-top、text-bottom、sub、supper、length、%)注意沒有基線的元素,使用外邊距的下邊緣替代
CSS元素的顯示與隱藏
1、 元素的不透明度opacity
2、 元素可見性visibility
3、 元素的顯示方式 display
CSS元素的浮動
1、 浮動float控制
2、 浮動的清除
CSS元素的定位
1、 相對定位position:relative
2、 相對定位position:absolute
3、 固定定位position:fixed