使用 REM 设置字体大小
阅读评论
使用“em”作为字体大小的问题之一是它们会级联,因此您总是需要编写规则来选择嵌套元素,并将它们重置回 1em;CSS3 现在有 rem(“根 em”)来防止此问题。只需声明一个 px 备用方案,您就可以立即使用它。Snook 向我们展示了方法。
来自网络各处的我们正在阅读并有一些想法的内容。有我们应该知道的链接吗?告诉我们!
使用“em”作为字体大小的问题之一是它们会级联,因此您总是需要编写规则来选择嵌套元素,并将它们重置回 1em;CSS3 现在有 rem(“根 em”)来防止此问题。只需声明一个 px 备用方案,您就可以立即使用它。Snook 向我们展示了方法。
Nicole Sullivan 认为“如果有一个工具可以将渐变图像转换为 CSS 代码,那不是很好吗?” 社区响应了一些新创建的工具来做到这一点。我无法让任何非命令行工具进行多级渐变,但它们才推出几天。
来自 Andy Edinborough 的书签,它通过逐个从所有元素中删除类名并测试页面滚动性能来分析您的页面。换句话说,如果您在滚动页面时遇到问题,并且怀疑是花哨的 CSS3 内容导致了速度变慢,则此书签可能有助于您追踪确切的原因。
Trent Walton 设计了一个网站,然后用两种方式编写代码:新式的 CSS3 和旧式的图像切片,不使用 CSS3。使用新方法意味着 1) 他可以更快地完成 2) 页面大小更小 3) 需要更少的 HTTP 请求,以及 4) 更易于更新。不用说,这里每个人都对此很认同。
Nicolas Gallagher 对一些关于使伪元素样式“清除浮动”生效所需的条件的旧假设提出了质疑。
但这是所有理由中最棒的一个:超酷的 CSS 极客操作。
渐变大师 Lea Verou 将她所有疯狂的“我不知道这也能实现”的图案编译到一个库中,并提供易于获取的代码示例。请务必点击图案以查看全屏视图。
紧随 IE 9 发布之后,IE 10 的平台预览版已经发布(视频)。
很棒:Flexbox、Grid、多列、渐变、(以及即将推出的)过渡和 3D 变换
不怎么样:没有文本阴影,没有 HTML5 表单支持
2011 年 7 月 22 日 - 佛罗里达州圣彼得堡。这是第三年举办。两年前,我在第一次大会上发言,那是我第一次真正意义上的公开演讲。今年我将谈论 CSS,奇怪的是,我之前从未现场谈论过它。具体来说,是伪元素。
Marco Kuiper 通过一些实际示例展示了 :any() 选择器(已在 Firefox 4 和 WebKit nightly 版本中上线)如何清理原本笨拙的选择器。