-
cursor:pointer;? 鼠標由箭頭變為手掌,代表可以點擊。
?
*{????????????????????????????
????padding:0;
????margin:0;
}?????/*消除邊距*/?
?
三級目錄展示方式: 一級目錄固定定位,二級目錄相對定位,三級目錄絕對定位。
先讓三級欄目隱藏。
.list3{ display:none;}
當鼠標移動到二級欄目li上,三級欄目變成塊。
li:hover .list3{ display:block;}
查看全部 -
元素脫離文檔流之后,將不再在文檔流中占據空間,而是處于浮動狀態(可以理解為漂浮在文檔流的上方)。脫離文檔流的元素的定位基于正常的文檔流,當一個元素脫離文檔流后,依然在文檔流中的其他元素將忽略該元素并填補其原先的空間。查看全部
-
設計網頁主要內容的圖片:應該直接用內聯元素img(只要屏幕夠大,就不會擠壓到下一行)相鄰,如果只使用塊級(獨占一行)就不行查看全部
-
position:relative; right:50px; (原來left為0 right默認為100px 相對的 向左移了50) 相對定位是相對于(0,0)元素默認位置進行定位查看全部
-
好查看全部
-
z-index可以設置元素的疊加順序,但是要依賴定位屬性
z-index大的元素會覆蓋z-index小的元素
z-index為auto的元素不參與層級比較
z-inde為負值,元素被普通流中的元素覆蓋
查看全部 -
后寫的元素的層級大于先寫的元素的層級,就是新元素的樣式會覆蓋在舊元素的上面。
查看全部 -
布局方式:
1.標準流2.浮動布局
3。定位布局
4.彈性布局
查看全部 -
position中的五個可選參數
查看全部 -
常見塊級元素:div,H1~H6,table,p,ol,ul,li
常見內聯元素:a,span,img,input
查看全部 -
number可以設置層級大小 number數字越大則其層級級別越大
查看全部 -
就好好查看全部
-
postion中的可選參數
static 標準文檔流,默認設置的值
relative 相對于自己原來的位置進行定位
absolute 相對于父類元素(非static)進行定位。父類元素需要是absolute或者relative。
fixed 相對于窗口進行定位。
inherit繼承父元素的定位。
查看全部 -
HTML中的三種布局方式
標準流
浮動
定位
查看全部 -
z-index 描述
查看全部
舉報