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

文章标签
content

8篇文章
{
,

}
文章“Show, Don’t Tell” 的直链
内容

Show, Don’t Tell

你花了多少时间设计网站的内容展示?当你撰写新的博文或创建新页面时,你是否只考虑了文字,还是考虑了读者如何与这些文字互动?…

Avatar of Mel Choyce
Mel Choyce 于 2021年12月23日
文章“Read Your Website” 的直链
内容 文案写作

Read Your Website

你上次阅读你的网站是什么时候?比如,在工作日下午的星巴克大厅里大声朗读,或者通过电话给你的父母朗读,甚至作为你的孩子的睡前故事。

不用担心,这…

Avatar of Geoff Graham
Geoff Graham 于 2021年12月14日
文章“Animating Number Counters” 的直链
@property calc 内容 计数器 关键帧

Animating Number Counters

数字动画,比如,想象一个数字从1变到2,然后从2变到3,再从3变到4,等等,在指定时间内。就像一个计数器,只是由我们用于...的相同动画控制。

Avatar of Carter Li
Carter Li 于 2020年10月9日
文章“Every Website is an Essay” 的直链
内容 文案写作

Every Website is an Essay

最近每个让我感到哇和啊的网站都是一种特殊类型;它们像文章一样写作和设计。它们存在一个论点,一种玩味性,它们不像是在向我推销什么,而是在…

Avatar of Robin Rendle
Robin Rendle 于 2020年8月7日
文章“Nownownow” 的直链
内容 文案写作

Nownownow

Matthias Ott转述他从Derek Sivers那里听到的一个想法

许多个人网站,包括这个网站,都有一个“关于”页面。这是一个页面,它告诉你一些关于一个人的背景或提供的服务的信息。但是

…
Avatar of Chris Coyier
Chris Coyier 于 2019年6月28日
文章“Valid CSS Content” 的直链
内容 伪元素

Valid CSS Content

CSS 中有一个content 属性,它与 ::before 和 ::after 伪元素一起使用。它将内容注入元素中。

以下是一个例子

<div 
  data-done="&#x2705;"
  class="email">
    [email protected]
</div>
.email::before {
  content: attr(data-done) " Email: 
…
Avatar of Chris Coyier
Chris Coyier 于 2018年10月11日
文章“Learning to COPE with Microservices” 的直链
API CMS 内容 数据库 微服务

Learning to COPE with Microservices

我清楚地记得我第一次遇到内容管理系统:那是2002年,使用一个名为PHP-Nuke 的平台。它提供了一个控制面板,网站管理员可以在其中发布新内容,这些内容会立即提供给读者,而无需…

Avatar of Eduardo Bouças
Eduardo Bouças 于 2016年7月22日
文章“Animating the `content` Property” 的直链
动画 内容 伪元素

Animating the `content` Property

你知道你可以对伪元素的 content 属性进行动画吗?根据规范中的可动画属性列表,你应该不能这样做,但在最新版本的桌面版 Chrome 中,你可以这样做。下面的演示...

Avatar of Robin Rendle
Robin Rendle 于 2020年10月24日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.