扫码直达 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 高阶技巧介绍。
这是一场纯技术分享,不需要送礼物,没有广告,不会卖课,大家放心来听。
最后
再简单复述一下:
时间:本周六(2023/01/07)晚 20:00 点 平台:Bilibili 直播分享内容《你所不知道的CSS》
扫码关注我的B站账号
我的 B 站账号:https://space.bilibili.com/288184393,欢迎大家关注。
扫码直达直播间
周六的直播链接