相關(guān)文章

• 【學(xué)習(xí)筆記】CSS深入理解之z-index

  摘要：張鑫旭的深入理解之學(xué)習(xí)筆記層疊上下文什么是層疊上下文在軸上延伸出一個層級，離父級層疊上下文的頂部更近。遵循后來居上和誰大誰上的層疊原則。 張鑫旭的CSS深入理解之z-index學(xué)習(xí)筆記 層疊上下文 什么是層疊上下文？在z軸上延伸出一個層級，離父級層疊上下文的頂部更近。 如何產(chǎn)生層疊上下文？ 根元素具有根層疊上下文 z-index不為auto的定位元素 一個 z-index 值不為 ...

  Steven 2019-08-30 15:54 評論0 收藏0

• 【學(xué)習(xí)筆記】CSS深入理解之absolute

  摘要：張鑫旭的深入理解之學(xué)習(xí)筆記絕對定位的特性絕對定位與浮動相似，都有破壞性和包裹性。利用絕對定位元素脫離文檔流的特性，使用動畫可以避免大范圍的回流和重繪。絕對定位元素拉伸實現(xiàn)寬高自適應(yīng)，可應(yīng)用于大范圍的布局。 《張鑫旭的CSS深入理解之a(chǎn)bsolute》學(xué)習(xí)筆記 絕對定位的特性 絕對定位與浮動相似，都有破壞性和包裹性。浮動的一些應(yīng)用場景中也可用絕對定位替代 絕對定位的行為表現(xiàn) 無依賴絕對...

  Anleb 2019-08-30 15:54 評論0 收藏0

• 【學(xué)習(xí)筆記】CSS深入理解之float

  摘要：為了實現(xiàn)文字環(huán)繞效果，規(guī)范規(guī)定的措施是使父容器塌陷，元素脫離文檔流浮動，元素周圍的內(nèi)容轉(zhuǎn)換為圍繞元素排列。從浮動的起因和浮動的實現(xiàn)后果來看，浮動不適合用于大范圍的布局，更適合利用其特性實現(xiàn)一些小范圍的流體布局效果。 張鑫旭的CSS深入理解之float浮動學(xué)習(xí)筆記 float的歷史 float為產(chǎn)生文字環(huán)繞效果而生 float的特性 — 包裹和破壞 包裹：即產(chǎn)生一個BFC破壞：使父容器...

  denson 2019-08-29 17:31 評論0 收藏0

• 【學(xué)習(xí)筆記】CSS深入理解之margin

  摘要：張鑫旭的深入理解之學(xué)習(xí)筆記與容器的尺寸可視尺寸對于沒有設(shè)定的塊元素，可改變元素水平方向的可視尺寸占據(jù)尺寸對于元素，可改變元素水平垂直方向的占據(jù)尺寸與百分比單位普通元素的百分比都是相對于容器的寬度計算的絕對定位元素的百分比是相對于包含塊的寬 張鑫旭的CSS深入理解之margin學(xué)習(xí)筆記 margin與容器的尺寸 可視尺寸：對于沒有設(shè)定width的塊元素，margin可改變元素水平方向...

  stefan 2019-08-30 15:54 評論0 收藏0

• 【學(xué)習(xí)筆記】CSS深入理解之padding

  摘要：張鑫旭的深入理解之學(xué)習(xí)筆記與容器的尺寸元素值過大，一定影響元素尺寸為定值，會影響元素尺寸為或者為，同時值沒有暴走，不影響元素尺寸元素水平影響尺寸，垂直不影響尺寸，但是會影響占據(jù)空間會顯示背景色負值與百分比單位不支持負值百分比相對于自身寬 張鑫旭的CSS深入理解之padding學(xué)習(xí)筆記 padding與容器的尺寸 block元素 padding值過大，一定影響元素尺寸 width為定...

  learn_shifeng 2019-08-30 15:54 評論0 收藏0