粉丝服务

今晚 B 站直播预告 - 《你所不知道的CSS》

扫码直达 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,欢迎大家关注。

扫码直达直播间

周六的直播链接

本栏目精选

热门推荐

频道导航