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

Articles

4275 篇文章
{
,

}
文章的直接链接 CSS Grid: One Layout, Multiple Ways
网格 圣杯布局

CSS Grid: One Layout, Multiple Ways

我一直很喜欢学习使用 CSS Grid。这个功能开始在许多浏览器中发布,看起来我们很快就能在生产环境中使用它。…

2017 年 2 月 18 日
文章的直接链接 Transparent JPG (With SVG)
裁剪 SVG 透明度

透明 JPG(使用 SVG)

假设你有一张照片,它应该使用 JPG 或 WebP 格式,以获得最佳的文件大小和质量。但如果我需要透明度呢?我需要 PNG 吗?这会导致…

2017 年 2 月 16 日
文章的直接链接 Websites We Like: February 2017

我们喜欢的网站:2017 年 2 月

我们已经有一段时间没有回顾所有漂亮网站了。以下是过去几周我们最喜欢的网站!…

2017 年 2 月 15 日
文章的直接链接 Creating Non-Rectangular Headers
设计 页眉 SVG

创建非矩形页眉

在 Medium 上,Jon Moore 最近将“非矩形页眉”识别为一个 微型趋势。换句话说:它还没有特别流行,但你等着瞧,孩子。

我们说的是页眉(或者更一般地说,任何容器元素)具有非矩形形状。比如梯形、复杂的几何形状、圆形/椭圆形,甚至屁股形状。

2020 年 11 月 27 日
文章的直接链接 Design Your Content Typography First (and a Look at Type Nugget)
文字片段 排版

先设计你的内容排版(以及看一下 Type Nugget)

你见过多少个“完成”的网站,却仍然在角落里潜伏着lorem ipsum文本?虽然我们经常努力在设计和代码中追求完美,但我每次遇到乱七八糟的…

2017 年 2 月 13 日
文章的直接链接 An Introduction to the Reduced Motion Media Query
无障碍

动画 SVG

简介:Reduced Motion Media Query

开放网络的成功建立在可互操作的技术之上。现在,控制动画的能力与缩放内容、安装扩展、启用高对比度显示、加载自定义样式表或禁用 JavaScript 等重要功能并存。

网站往往充斥着…

2019 年 4 月 24 日
文章的直接链接 Code Smells in CSS
代码异味

CSS 代码异味

Harry Roberts,CSS 代码异味,第 1 部分

  • 撤销样式
  • 魔数
  • 限定选择器
  • 绝对值
  • 暴力破解
  • 危险选择器
  • 反应式 !important
  • ID
  • 松散类名

第 2 部分:

  • @extend
  • 类名的字符串拼接
  • 背景简写
  • 重复的键选择器
…
2017 年 2 月 9 日
文章的直接链接 Why Elm? (And How To Get Started With It)
Elm 函数式编程

为什么选择 Elm?(以及如何入门)

这是一篇关于编程语言 Elm 的指南。但它并没有直接跳到操作步骤和语法,而是介绍了为什么你可能被函数式编程吸引,以及 Elm 背后的理念。

2020 年 11 月 25 日
文章的直接链接 Basic Shapes & Path… Never the Twain Shall Meet?
基本形状 排除 路径 形状

基本形状和路径… 永远不会相遇?

CSS 中有一些值可以用来绘制形状。例如,有一个circle()函数,它是几个 CSS 属性的有效值。不过,“绘制”可能不是合适的词。这是…

2017 年 2 月 7 日
  • 较新
  • 1
  • ...
  • 279
  • 280
  • 281
  • ...
  • 475
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们的手工制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律声明
  • 获取免费信用额度!
CSS-Tricks
  • 为我们写稿!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS 提要
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.