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

Articles

4275 篇文章
{
,

}
文章“无衬线字体”的直链

无衬线字体

仅将“sans-serif”声明为字体系列意味着您将在 Mac 上获得 Helvetica,在 PC 上获得 Arial,并且仍然具有良好的通用关键字后备。
2014年9月30日
文章“多个背景的堆叠顺序”的直链

多个背景的堆叠顺序

多个背景图像是 CSS3 的一个很酷的功能。语法很简单,只需用逗号分隔即可。我发现使用background速记属性最简单/最好,这样您就可以声明位置和重复等,并保持…

2019年5月30日
文章“CSS 进度条”的直链

CSS 进度条

只是一个有趣的实验,使用纯 CSS3(无图像)创建进度条。大量渐进式极客特性打包在一个小元素中。
2021年1月27日
文章“字母翻转器”的直链

字母翻转器

偶然间,我前几天做了一个字母翻转器。我在一个 Flash 网站上看到了类似的效果,并尝试用 JavaScript 来实现。您可以在该页面上查看源代码以查看简单的代码。它只是…

2011年2月20日
文章“投票结果:生产站点中使用的 HTML5 功能”的直链
投票

投票结果:生产站点中使用的 HTML5 功能

作为询问人们是否使用 HTML5的后续行动,我询问了那些使用 HTML5 的人

您在生产站点中使用了哪些 HTML5 功能?

…
2024年7月18日
文章“我们应该如何校准 Web 监视器?”的直链

我们应该如何校准 Web 监视器?

在为印刷设计时,拥有一个正确校准的显示器非常有意义。如果完美完成,您在显示器上看到的内容应该与打印机打印出来的纸张上的内容一致。没有意外。

在设计…

2011年2月15日
文章“将图像淡入另一个图像(在精灵图中)”的直链

将图像淡入另一个图像(在精灵图中)

使用 CSS 创建图像悬停效果非常简单。为元素设置一个背景图像,然后在其:hover上更改background-image。最佳实践是将两个图像合并成一个,并更改background-position,而不是使用两个…

2012年4月11日
文章“CSS3 加载动画”的直链

CSS3 加载动画

一个仅限 WebKit 的加载动画演示。加载文本缓慢地一遍又一遍地显示出来,同时一个旋转器在圆圈中无限旋转。
2012年8月20日
文章“通过限制 HTML 宽度来控制流体宽度”的直链

通过限制 HTML 宽度来控制流体宽度

您可以在 html 元素上设置最大宽度,这有助于在没有额外标记的情况下控制流体宽度站点。此外,它具有相当不错的浏览器支持,并且具有“没问题”的后备方案。
2011年2月10日
  • 更新
  • 1
  • ...
  • 394
  • 395
  • 396
  • ...
  • 475
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.