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