服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

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

日期: 来源:iCSS前端趣闻收集编辑:SbCo

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

扫码直达直播间

周六的直播链接

相关阅读

  • 不负时光,Coco 的 2022 年终总结

  • 从来没有写过年终总结,回首 2022,感觉有很多令人难忘的瞬间,觉得今年很有必要记录一下。在回家的列车上,回忆一整年的的经历,有挣扎、有坚持、有迷茫、有喜悦,最终也有收获。用文
  • CSS 奇思妙想之酷炫倒影

  • 在 CSS 中,倒影是一种比较常见的效果。今天,我们就将尝试,使用 CSS 完成各类不同的倒影效果,话不多说,直接进入主题。实现倒影的两种方式首先,快速过一下在 CSS 中,实现倒影的 2 种
  • 丢弃 HttpClient 了,这款轻量级框架更强!

  • 来自:CSDN,作者:Kevin&Amy链接:https://blog.csdn.net/qq_38233258/article/details/115799602一、Forest1.1 业务需求一般情况下是后端提供接口,前端调用,解决需求,但是有的时候为
  • “我用 ChatGPT 开发了一个即时设计插件”

  • 写在前面:ChatGPT 能开发插件,那它能不能写公众号文章呢?带着疑问我去和它聊了聊,最终得到了下面这篇文章。作为一个有前端开发背景的设计师,我一直在寻找能够简化我的工作流程和
  • 开发现代 JavaScript 库的正确姿势【送书】

  • 文末赠书大家好,我是童欧巴。喜迎新年,给堂友们搞几波送书福利,在此感谢博文视点大力支持,具体送书规则请移步文末。最近一年,互联网裁员现象愈演愈烈,很多大厂裁员的消息冲上了微

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

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

  • 扫码直达 B 站直播间,7 号晚 20:00 点准时开始,预计时长 1 小时,感兴趣来听听:Hi 各位小伙伴,本周六(2023/01/07)晚 20:00 点,我将在 Bilibili 给大家带来一场《你所不知道的CSS》
  • 不负时光,Coco 的 2022 年终总结

  • 从来没有写过年终总结,回首 2022,感觉有很多令人难忘的瞬间,觉得今年很有必要记录一下。在回家的列车上,回忆一整年的的经历,有挣扎、有坚持、有迷茫、有喜悦,最终也有收获。用文
  • CSS 奇思妙想之酷炫倒影

  • 在 CSS 中,倒影是一种比较常见的效果。今天,我们就将尝试,使用 CSS 完成各类不同的倒影效果,话不多说,直接进入主题。实现倒影的两种方式首先,快速过一下在 CSS 中,实现倒影的 2 种
  • 为了绩效,10行代码被我改成了500行...

  • 来自公众号:51CTO技术栈现在有不少公司,以“代码量”作为程序员的KPI,程序员写的代码数目直接关系到这个月的工资。这里可以用比尔·盖茨的一句话来说“用代码行数来衡量编程的
  • 分库分表后,如何保证数据一致性?

  • 来自:掘金,作者:小泥洼链接:https://juejin.cn/post/6933003178661462023前言通过对数据的垂直拆分或水平拆分后,我们解决了数据库容量、性能等问题,但是将会面临数据迁移和数据一