浮動和漸變色，定位position，元素的層疊順序

浮動： float
是咱們網頁佈局的一種

浮動 能夠有 left 左浮動 right 右浮動 兩種

浮動的特色：
脫離正常的文檔流，本來的空間不佔據，浮動的標籤都具備塊級標籤的一些特色，能夠手動設置寬高

若是有相鄰的多個浮動的元素，那麼後面浮動的元素會停靠在前面浮動元素的後面，若是剩餘空間不夠，則會另起一行顯示

 

若是一個元素中全部的內容都浮動了，那麼這個元素自己高度則沒有了，若是想要讓這個元素高度還在，須要本身手動設置高度

清除浮動： 不是說把浮動的元素清理掉，而是清除浮動元素對其餘元素的影響
1 給父元素直接設置一個高度
2. 設置 clear:both;

設置背景的漸變色：

線性漸變：
background-image: linear-gradient(to bottom,#DA4601,#FEEEB6,#E46410);
徑向漸變：
background-image: radial-gradient(red,blue,green 80%);

 

定位：position

相對定位 relative
參照物是本身原來的位置，不會脫離正常文檔流，也就是說本來的位置依舊存在

全部的定位均可以給兩個值
水平偏移位置： left 或 right
垂直偏移位置： top 或 bottom

絕對定位 absolute 子絕父相
參照物是有定位的距離元素最近的祖級元素，若是全部的祖級元素都沒有定位，參照物是初始包含塊
會脫離正常文檔流，本來空間不存在

什麼是初始包含塊： 就是瀏覽器一打開，用戶能看到的窗口頁面

固定定位 fixed
參照物是視口（視口就是眼睛所看到的的這個窗口）
會脫離正常文檔流，也就是說本來的位置不存在了
粘性定位（瞭解內容）sticky

設置定位元素的層疊順序： z-index:number; number越大表示越優先顯示 只有定位的元素才能夠設置該樣式