書籍精讀 《CSS世界》精讀筆記分享

2022-07-05 04:18:06 字數 1232 閱讀 9457

1.1.css世界的「世界觀」

1.2.世界都是創造出來的

1.3.css完勝svg的**-流2.1.務必了解的css世界的專業術語

2.2.了解css世界中的「未定義行為」3.1.塊級元素

3.2.width/height作用的具體細節

3.3.css min-width/max-width和min-height/max-height

3.4.內聯元素4.1.深入理解content

4.2.溫和的padding屬性

4.3.激進的margin屬性

4.4.功勳卓越的border屬性5.1.字母x-css世界中隱匿的舉足輕重的角色

字母x與css中的x-height:css中有乙個概念叫做x-height,指的是字母x的高度;vertical-align:middle並不是絕對的垂直居中對齊;

字母x與css中的ex:我們對連ie6都老早支援的ex單位很陌生;ex是css中的乙個相對單位,指的是小寫字母x的高度,沒錯,就是x-height;ex的價值就是在其副業上--不受字型和字型大小影響的內聯元素的垂直居中對齊效果;借助ex單位,我們直接利用預設的baseline基線對其就可以實現圖示文字中間位置對齊;

5.2.內聯元素的基石line-height

5.3.line-height的好朋友vertical-align6.1.魔鬼屬性float

6.2.float的天然克星clear

6.3.css世界的結界-bfc

6.4.最佳結界overflow

6.5.float的兄弟position:absolute

6.6.absolute與overflow

6.7.absolute與clip

6.8.absolute的流體特性

6.9.position:relative才是大哥

6.10.強悍的position:fixed固定定位7.1.z-index只是css層疊規則中的一葉小舟

7.2.理解css世界的層疊上下文和層疊水平

7.3.理解元素的層疊順序

7.4.務必牢記的層疊準則

7.5.深入了解層疊上下文

7.6.z-index負值深入理解

7.7.z-index不犯二準則8.1.line-height的另外乙個朋友font-size

8.2.字型屬性家族的大家長font-family

8.3.字型家族其他成員

8.4.font屬性

8.5.真正了解@font-face規則

書籍精讀 《React高階之路》精讀筆記分享

1.1.簡介 1.2.特點2.1.jsx 2.2.元件 2.3.元件的生命週期 2.4.列表和keys 2.5.事件處理 2.6.表單4.1.元件state 4.2.元件與伺服器通訊 4.3.元件間通訊 4.4.特殊的ref5.1.虛擬dom 5.2.diff演算法 5.3.效能優化 5.4.效能檢...

CSS 世界 學習筆記

html 元素 分為 塊狀元素 和 內聯元素 塊狀元素指的是在水平流上面一行展示的元素,常用的有 div,li 和 table 內聯元素的顯示,為了幫助理解,可以形象的稱為 文字模式 即乙個挨著乙個,都在同一行按從左至右的順序顯示,不單獨佔一行,常見的有 span,label 盒模型 分為 bord...

CSS學習筆記 分組和巢狀

在樣式表中有很多具有相同樣式的元素。h1 h2p為了儘量減少 你可以使用分組選擇器。每個選擇器用逗號分隔.h1,h2,p在下面的例子,為所有p元素指定乙個樣式,為所有class marked 的元素指定乙個樣式,並僅用於class marked 的類內p元素指定第三個樣式 charset utf 8...