html css常見題型

2021-10-02 13:56:09 字數 1746 閱讀 3447

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...