浮動： 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越大表示越優先顯示 只有定位的元素才可以設定該樣式
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/109856.html
標籤：Html/Css
上一篇：1+X學習日志——導航欄demo