-
登錄設計：半透明遮罩和登錄的固定定位方式
登錄頁面水平和垂直居中的原理：div先相對于網頁left和top50%fixed定位，然后使用margin-left和margin-top負div寬和高的一半，可以得到居中的登錄頁面
查看全部 -
Z-index可以設置元素的疊加順序，但依賴定位屬性
z-inde大的元素會覆蓋z-index小的元素
z-inde為auto的元素不參與層級的比較
z-inde為負值，元素被普通劉中的元素覆蓋
查看全部 -
fixed: 固定定位，配合使用top、right、bottom、left的屬性，元素會脫離正常的文檔流，在整個窗口進行移動定位，并擁有層級的概念。
常用場景： 1、對聯廣告 2、登錄彈窗
定位屬性：position （脫離文檔流）
position:relative; 相對定位（相對于元素本身位置進行移動）
position:absolute; 絕對定位（相對于父輩級元素有定位屬性position來移動；否則以瀏覽器為準）
position:fixed; 固定定位（只相對于瀏覽器來定位；與父輩級是否有定位屬性position無關）
position:inherit; 繼承（只繼承父級的定位屬性【前提：父級有定位屬性】）查看全部 -
position：absolute
元素會脫離正常的文檔流有層級概念，后寫元素覆蓋先寫元素
當父元素不具備定位屬性時，則組元素會以窗口的4個角作為原點進行定位
relative相對于自己原來的位置進行相對定位 absolute相對于最近的父級元素進行定位 fixed始終相對于瀏覽器窗口進行對位 順便說一下，fixed就是特殊的absolute
查看全部 -
1、position決定了元素將如何定位
? ? ? - 通過top、right、bottom、left實現位置
2、position:relative;
????????后寫的元素層級大于先寫的元素層級
當position：relative；left，top時以網頁右端為x軸正方向，以 網頁下端為y軸正方向
當position：relative；right，bottom時以網頁左端為x軸正方向，以網頁上端為y軸正方向
查看全部 -
z-index只對有定位屬性的元素有效果，對static無效。
查看全部 -
Z-index
可以設置元素的疊加順序，但依賴定位屬性
z-inde大的元素會覆蓋z-index小的元素
z-inde為auto的元素不參與層級的比較
z-inde為負值，元素被普通劉中的元素覆蓋
查看全部 -
fixed: 固定定位，配合使用top、right、bottom、left的屬性，元素會脫離正常的文檔流，在整個窗口進行移動定位，并擁有層級的概念。
常用場景： 1、對聯廣告 2、登錄彈窗
查看全部 -
absolute: 絕對定位，配合top、right、bottom、left，元素會脫離正常的文檔流
有層級概念，后寫元素覆蓋先寫元素
當height>屏幕高度，? right和bottom是相對于屏幕的右下角，而不是body的bottom
查看全部 -
position決定了元素將如何定位
- 通過top、right、bottom、left實現位置
static是默認值，元素按照標準流正常排列
relative：相對定位，通過left、top、right、bottom來改變元素的位置
查看全部 -
HTML中三種布局方式：
1、標準流：順序布局
1）塊級元素：div、H1~H6、table、(ol、ul、li)、p段落（獨占一行）
2）內聯元素：a、span、img、input（在同一行）
2、浮動
3、定位
查看全部 -
position中的可選參數
????static
????reative
????adsolute
????
查看全部 -
position:relative;
后寫的元素層級大于先寫的元素層級
當position：relative；left，top時以網頁右端為x軸正方向，以 網頁下端為y軸正方向
當position：relative；right，bottom時以網頁左端為x軸正方向，以網頁上端為y軸正方向查看全部 -
fixed:脫離正常的文檔流
??????? 相對于網頁的四個頂點作為出始點進行移動
?????? 不受其他元素的約束
查看全部 -
absolute：脫離正常的文檔流
????????????? left 從左向右 top 從上到下? 從左上角
????????????? right? top 從右上角開始改變
查看全部
舉報