1.css權重:!important>行間樣式》id>clsss/屬性/偽類》標籤/偽元素》萬用字元。
2、清除浮動三種方法:
在父級裡面的最後寫乙個塊級元素,設定clear:both
,但改變了html結構,不利於語義化理解。
觸發bfc,如:設定overflow:hidden
,但是如果子元素內容太多,回導致部分元素不可見。
給父級的加乙個.clearfix,設定父元素後面的偽元素的樣式,設定content:""
,再變為塊級元素display:block
,再用clear:both
清楚浮動。
3、bfc
父元素和子元素分別有乙個margin值,此時會出現margin塌陷。為了解決,此時要觸發bfc.方法有:
position:absolute
float:left/right
display:inline-block
overflow:hidden
注意:解決兩個兄弟div的margin合併,可以觸發bfc,分別給他們加乙個父元素包裹住,再給父元素觸發bfc.但有bug,所以我們可以選擇增大其中乙個的margin值。
4、替代文字
5、實現兩欄布局:乙個固定寬度,乙個自適應。
方法一:float+margin
.left
.right
方法二:position+margin
border: 1px solid black;
height: 200px;
position:relative;
}.left
.right
方法三:flex
border: 1px solid black;
height: 200px;
display: flex;
}.left
.right
方法四:用calc.
6.實現三欄布局
方法一:float
border: 1px solid black;
height: 200px;
}.left
.mid
.right
right
mid
方法二:position
border: 1px solid black;
height: 200px;
position: relative;
}.left
.mid
.right
right
方法三:flex
border: 1px solid black;
height: 200px;
display: flex;
}.left
.mid
.right
right
六種布局方式:聖杯布局、雙飛翼布局、flex布局、絕對定位布局、**布局、網格布局。
1.聖杯布局:布局從上到下分為header、container、footer,然後container部分定為三欄布局。
2.雙飛翼布局
後續會繼續更新
CTF常見題型
ctf常見題型 ctf比賽通常包含的題目型別包括misc ppc crypto pwn reverse web stega。misc miscellaneous 型別,即安全雜項,題目或涉及流量分析 電子取證 人肉搜尋 資料分析等等。ppc professionally program coder ...
線段樹常見題型
void build int l,int r,int o int mid l r 1 build l,mid,o 1 build mid 1,r,o 1 1 sum o sum o 1 sum o 1 1 這裡是求和 sum o max sum o 1 sum o 1 1 這裡是求最大值 ans o...
Leetcode 常見陣列題型
1.三數之和 給你乙個包含 n 個整數的陣列 nums,判斷 nums 中是否存在三個元素 a,b,c 使得 a b c 0 請你找出所有滿足條件且不重複的三元組。注意 答案中不可以包含重複的三元組。1.先判斷,如果陣列為空或者陣列長度小於3,則返回 2.對陣列進行排序 3.遍歷陣列y 如果nums...