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

文章标签
CSS

56 篇文章
{
,

}
文章“Well Rounded: Compound Shapes in CSS”的直链
CSS

Well Rounded: Compound Shapes in CSS

以下是 Parker Bennett 的客座文章。Parker 是我们这里的常客,以用独特的解决方案解决常见问题而闻名。这次他再次回归,创建了具有图像背景的复杂形状,…

Avatar of Parker Bennett
Parker Bennett 于 2017年4月12日 发布
文章“CSS Specificity Chart”的直链
CSS

CSS Specificity Chart

如果你要学习 CSS 特异性,不妨用《闪灵》来学习,对吧?(或者 鱼,或者 星球大战。)…

Avatar of Chris Coyier
Chris Coyier 于 2013年12月3日 发布
文章“Ideas on Naming Classes”的直链
CSS

Ideas on Naming Classes

爸爸熊,妈妈熊,小熊。…

Avatar of Chris Coyier
Chris Coyier 于 2013年12月3日 发布
文章“Arranging Elements from Top to Bottom instead of Left to Right (float: down?)”的直链
CSS

Arranging Elements from Top to Bottom instead of Left to Right (float: down?)

读者 Marcin A 提出了这样一个问题:在一个简单的无序列表中,他们希望元素按垂直顺序(从上到下)排列,而不是水平顺序(从左到右)。…

Avatar of Chris Coyier
Chris Coyier 于 2013年12月3日 发布
文章“Don’t Overthink It Grids”的直链
CSS Sass

Don’t Overthink It Grids

绝大多数网站都使用网格。它们可能没有明确使用网格系统,但如果它们有一个浮动到左侧的“主要内容区域”和一个浮动到右侧的“侧边栏”,那么它就是一个…

Avatar of Chris Coyier
Chris Coyier 于 2017年12月28日 发布
文章“Things It Might Be Fun/Useful to Try the Universal (*) Selector On”的直链
CSS

Things It Might Be Fun/Useful to Try the Universal (*) Selector On

哪些 CSS 属性适合应用于页面上的每个元素?我们将看看一些可能(或可能不)是好主意的方法。
Avatar of Chris Coyier
Chris Coyier 于 2014年9月23日 发布
文章“Better Box Sizing”的直链
CSS

Better Box Sizing

Paul Irish 建议使用通用选择器 (*) 将border-box box-sizing 应用于每个元素。我一直想尝试这个方法,因为在我看来,这种盒模型更好。想象一下:元素具有百分比宽度和像素填充,而无需…

Avatar of Chris Coyier
Chris Coyier 于 2014年9月23日 发布
文章“Box Sizing”的直链
CSS

Box Sizing

box-sizing 属性可以使构建 CSS 布局更容易和更直观。它对开发人员来说是一个福音,因此 CSS-Tricks 在 2月份 庆祝国际盒模型意识日。

但是,它为什么如此有用和受欢迎呢…

Avatar of Marie Mosley
Marie Mosley 于 2015年5月6日 发布
文章“Specifics on CSS Specificity”的直链
CSS

Specifics on CSS Specificity

让我们具体地介绍这个主题。(碰!)

解释它的最佳方法是从一个特异性让人困惑且可能不符合预期的例子开始。然后,我们将仔细研究如何…

Avatar of Chris Coyier
Chris Coyier 于 2021年1月20日 发布
  • 更新
  • 1
  • ...
  • 5
  • 6
  • 7
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

使用我们精心制作的时事通讯

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

© 2024 . All rights reserved.