掃碼直達 B 站直播間，7 號晚 20:00點準時開始，預計時長 1 小時，感興趣來聽聽：
Hi 各位小夥伴，本周六（2023/01/07）晚 20:00 點，我將在 Bilibili 給大家帶來一場《你所不知道的CSS》 的直播分享。封面展示：
整體的內容目錄如下，大概耗時 1 小時：
currentColor
inherit 與 unset
fixed 失效
3D 坍縮
100vh 失效
替換元素的偽元素
overflow: hidden 趣事
超長省略還能這樣
本次分享不會採用傳統的 PPT 模式，而是使用了在線 Web PPT 的形式，讓每一頁內容，都能動起來！（也許這是前端工程師分享的正確打開方式）
是的，每一頁 PPT 都是 HTML + CSS 製作的！
本次分享，將通過上述幾大模塊，帶大家一起深入到 CSS 中的一些細節，幾乎每一頁都是一個冷知識，但是，雖然是冷知識，但是今天分享的每一個點，在我們日常工作生活中，都是非常常用的。
掌握它們，能夠很好的幫助我們對工作上遇到的 CSS 問題更遊刃有餘的解決！
試試看能回答多少？
譬如，你可以嘗試思考一下下述幾個問題：
1. 什麼是襯線字體與非襯線字體?一個字體最多有多少種字重？明明代碼一樣，為什麼我的頁面在 iOS 和 Android 下字體看起不太一樣？
2.所有元素都有 ::before 和 ::after 偽元素嗎？
3.父元素設置了 overflow: hidden，任意子元素超出父元素邊界後都將不可見嗎？除了 overflow，還有什麼辦法讓溢出的內容消失不可見嗎？
4. 什麼情況下 position: fixed 不再相對視口定位了？什麼是堆疊上下文
5. 什麼？3D 也會失效？什麼情況下失效？
6. 100vh 一定是占滿屏幕的 100% 嗎？
如果對上面的幾個問題你還有所疑問，那麼一定不要錯過今晚的方向。當然，今晚還有更多類似的有趣的 CSS 知識。
隨機分享幾頁 PPT，感受一下 Web 版 PPT 的畫風：
這裡僅僅是全部內容的冰山一角，還有非常多有意思有趣的 CSS 高階技巧介紹。
這是一場純技術分享，不需要送禮物，沒有廣告，不會賣課，大家放心來聽。
最後
再簡單複述一下：
掃碼關注我的B站賬號
我的 B 站賬號：https://space.bilibili.com/288184393，歡迎大家關注。
掃碼直達直播間
周六的直播鏈接🔗：https://live.bilibili.com/26610115
希望讓更多人喜歡上 CSS，並且真正掌握更多有用的 CSS 技巧。如果你也對 CSS 感興趣，晚八點，不見不散。
留言列表