-
position：決定了元素如何定位
可選參數：static ：默認值，按標準流排列
???????????????? relative: 相對定位：覆蓋，利用top left right bottom改變
????????????????????????????????top right為一個向右，向下的坐標軸
查看全部 -
HTML 中的三種布局方式 1.標準流 2.浮動 3.定位
布局元素分類：
塊級元素：div table h1-h6 ?ul ol li有序無序列表 p段落標記
.內聯元素： a 超鏈接 ?span 文字 img 圖片 input 控件
區別：塊元素：獨占一行；內聯元素是和相鄰的內聯元素在同一行。
查看全部 -
absolute如果沒有設置left 和 top,就還繼續處于標準文檔流
查看全部 -
abosolute: 元素脫離文檔流
left：左邊作為坐標軸方向 其他同理
相對于窗口的絕對定位
如果父元素沒有定位屬性，那么子元素的絕對定位還是相對于窗口
查看全部 -
*{????????????????????????????
????padding:0;
????margin:0;
}?????/*消除邊距*/? ??????????
???????????? ??
查看全部 -
登錄設計：半透明遮罩和登錄的固定定位方式
登錄頁面水平和垂直居中的原理：div先相對于網頁left和top50%fixed定位，然后使用margin-left和margin-top負div寬和高的一半，可以得到居中的登錄頁面
查看全部 -
定位屬性：position （脫離文檔流）
position:relative; 相對定位（相對于元素本身位置進行移動）
position:absolute; 絕對定位（相對于父輩級元素有定位屬性position來移動；否則以瀏覽器為準）
position:fixed; 固定定位（只相對于瀏覽器來定位；與父輩級是否有定位屬性position無關）
position:inherit; 繼承（只繼承父級的定位屬性【前提：父級有定位屬性】）查看全部 -
Position定位查看全部
-
后寫的元素層級大于先寫的元素層級
當position：relative；left，top時以網頁右端為x軸，以 網頁下端為y軸 當position：relative；right，bottom時以網頁左端為x軸，以網頁上端為y軸 都是以網頁左上角為起始點、原點。查看全部 -
hover ， display block、none、查看全部
-
position-absolute??2分30秒脫離文檔流問題
查看全部 -
先讓三級欄目隱藏。
.list3{ display:none;}
當鼠標移動到二級欄目li上，三級欄目變成塊。
li:hover .list3{ display:block;}
查看全部 -
學到的知識點：鼠標移動上去，可以改變樣式。
a:hover ul{display:block;}
查看全部 -
微信底部的控制部分，永遠固定在屏幕底部，也可以用該絕對定位。
position:fixed;
基于瀏覽器窗口進行定位
查看全部
舉報