跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

Links

来自网络各处的我们正在阅读并有一些想法的内容。有我们应该知道的链接吗?告诉我们!

使用 REM 设置字体大小

🔗 http://snook.ca/archives/html_and_css/font-size-with-rem
阅读评论

使用“em”作为字体大小的问题之一是它们会级联,因此您总是需要编写规则来选择嵌套元素,并将它们重置回 1em;CSS3 现在有 rem(“根 em”)来防止此问题。只需声明一个 px 备用方案,您就可以立即使用它。Snook 向我们展示了方法。

从图像生成 CSS 渐变

🔗 http://www.stubbornella.org/content/2011/04/25/css-3-gradients/
阅读评论

Nicole Sullivan 认为“如果有一个工具可以将渐变图像转换为 CSS 代码,那不是很好吗?” 社区响应了一些新创建的工具来做到这一点。我无法让任何非命令行工具进行多级渐变,但它们才推出几天。

CSS 压力测试

🔗 http://andy.edinborough.org/CSS-Stress-Testing-and-Performance-Profiling
阅读评论

来自 Andy Edinborough 的书签,它通过逐个从所有元素中删除类名并测试页面滚动性能来分析您的页面。换句话说,如果您在滚动页面时遇到问题,并且怀疑是花哨的 CSS3 内容导致了速度变慢,则此书签可能有助于您追踪确切的原因。

CSS 与 CSS3

🔗 http://www.smashingmagazine.com/2011/04/21/css3-vs-css-a-speed-benchmark/
阅读评论

Trent Walton 设计了一个网站,然后用两种方式编写代码:新式的 CSS3 和旧式的图像切片,不使用 CSS3。使用新方法意味着 1) 他可以更快地完成 2) 页面大小更小 3) 需要更少的 HTTP 请求,以及 4) 更易于更新。不用说,这里每个人都对此很认同。

微型清除浮动

🔗 http://nicolasgallagher.com/micro-clearfix-hack/
阅读评论

Nicolas Gallagher 对一些关于使伪元素样式“清除浮动”生效所需的条件的旧假设提出了质疑。

39 个阴影,没有充分理由

🔗 http://www.viget.com/uploads/file/boxshadows/
阅读评论

但这是所有理由中最棒的一个:超酷的 CSS 极客操作。

CSS 渐变图案库

🔗 http://projects.verou.me/css3patterns/
阅读评论

渐变大师 Lea Verou 将她所有疯狂的“我不知道这也能实现”的图案编译到一个库中,并提供易于获取的代码示例。请务必点击图案以查看全屏视图。

IE 10

🔗 http://msdn.microsoft.com/en-us/ie/gg192966#_ECMAScript5
阅读评论

紧随 IE 9 发布之后,IE 10 的平台预览版已经发布(视频)。

很棒:Flexbox、Grid、多列、渐变、(以及即将推出的)过渡和 3D 变换

不怎么样:没有文本阴影,没有 HTML5 表单支持

前端设计大会

🔗 http://frontenddesignconference.com/
阅读评论

2011 年 7 月 22 日 - 佛罗里达州圣彼得堡。这是第三年举办。两年前,我在第一次大会上发言,那是我第一次真正意义上的公开演讲。今年我将谈论 CSS,奇怪的是,我之前从未现场谈论过它。具体来说,是伪元素。

:any()

🔗 http://www.marcofolio.net/css/why_you_want_to_use_the_any_css_selector.html
阅读评论

Marco Kuiper 通过一些实际示例展示了 :any() 选择器(已在 Firefox 4 和 WebKit nightly 版本中上线)如何清理原本笨拙的选择器。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 更新
  • 1
  • ...
  • 188
  • 189
  • 190
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

随时了解 Web 开发动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们撰写文章!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.