终身学习者-腾讯云开发者社区

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

终身学习者

专栏成员

733

文章

1273387

阅读量

33

订阅数

令人期待的 CSS 新功能：让编码更高效

css 编码函数浏览器作用域

CSS 是一种不断发展的语言。每一次迭代，它都会变得越来越好。因此，了解最新的 CSS 功能非常重要，这样你才能在项目中使用它们，减少对第三方库的依赖。

前端小智@大迁世界

2024-02-12

1520

为什么margin、padding和其他间距技术应使用 px 单位

浏览器数据类型 css 网站 padding

CSS 长度是距离值的一种。CSS 百分比与长度类似，但区别在于它们总是页面中其他内容的一部分，具体取决于它们与什么属性一起使用。长度可以是绝对值，也可以是相对值。

前端小智@大迁世界

2024-02-12

1010

新 CSS Math方法：rem() 和 mod()

math rem 函数数学 css

CSS 添加了许多新的数学函数来补充旧有的函数（如 calc() 和最近的 clamp() ）。这些函数最终都表示一个数值，但其工作原理的细微差别并不总是一开始就很清楚。本文介绍每个函数的常见用例以及不太常见的用例。

前端小智@大迁世界

2024-02-12

1420

不要在按钮、链接或任何其他文本容器上使用固定的 CSS 高度或宽度

css 容器代理工具浏览器

尽管一些网页设计工具为按钮等元素指定了 CSS 高度值，但设置高度或最大高度实际上可能会违反 WCAG 2.2 Success Criterion 1.4.4 Resize Text.

前端小智@大迁世界

2024-02-12

1100

CSS @scope 如何取代 BEM

scope 浏览器重构作用域 css

前端工程师最常见且最具挑战性的问题之一是 CSS 命名约定。随着 Block Element Modifier（BEM）方法的流行，许多人习惯于按照一种可维护的模式组织他们的样式。

前端小智@大迁世界

2024-02-12

1040

Tailwind CSS vs 现代CSS，Tailwind CSS 会像CSS-in-JS 一样亡？

开发者框架作用域 css 缓存

本文是关于Tailwind CSS 与现代 CSS之间比较的文章。文章中作者详细比较了这两种CSS开发方法的优缺点。他指出，Tailwind CSS是一种基于类的CSS框架，提供了快速开发网站的便利性，但可能导致HTML代码的臃肿。另一方面，现代CSS方法更加模块化和可维护，但编写速度可能较慢。

前端小智@大迁世界

2024-02-12

2480

让图片完美适应：掌握 CSS 的object-fit与object-position

position 工作 css 容器 object

在CSS中，我们可以使用 background-size 和background-position属性为背景图像设置大小和位置。而 object-fit 和 object-position 属性则允许我们对嵌入的图像（以及其他替代元素，如视频）做类似的操作。在本文中，我们将深入探讨如何使用 object-fit 将图像适应到特定的空间中，以及如何使用 object-position 在该空间中进行精确定位。

前端小智@大迁世界

2024-02-12

5770

Tailwind CSS 真有那么好吗？讨厌它的前六大原因

框架设计性能 css 网站

Tailwind CSS 是一个受欢迎的“实用优先”的 CSS 框架，声称可以帮助你更快、更轻松地创建自定义设计。然而，并不是每个人都对 Tailwind CSS 感到满意。事实上，有很多原因让你应该避免使用它，而坚持使用纯 CSS 或其他框架。以下是你应该讨厌 Tailwind CSS 的主要原因：

前端小智@大迁世界

2024-02-12

1.3K0

为什么我们不擅长 CSS

工具类设计 css 容器布局

快来免费体验ChatGpt plus版本的，我们出的钱体验地址: https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://cube.waixingyun.cn/home

前端小智@大迁世界

2024-02-12

1850

作用域 CSS 回来了

css 工作浏览器原型作用域

快来免费体验ChatGpt plus版本的，我们出的钱体验地址: https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://cube.waixingyun.cn/home

前端小智@大迁世界

2024-02-12

890

9个对Web开发人员有用的CSS工具

css 网站 web 工具工作

快来免费体验ChatGpt plus版本的，我们出的钱体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://cube.waixingyun.cn/home

前端小智@大迁世界

2023-09-06

3690

7个实用的CSS技巧

css 布局动画工作技巧

:first-letter 选择器用于指定元素的首字母样式，它仅适用于块级元素。效果如下:

前端小智@大迁世界

2023-08-24

1710

让你兴奋不已的13个CSS技巧🤯

css 网站技巧浏览器系统

快来免费体验ChatGpt plus版本的，我们出的钱体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://cube.waixingyun.cn/home

前端小智@大迁世界

2023-08-18

3090

完美掌握多行文本修剪技巧：CSS中的实用指南

css line webkit 技巧浏览器

这篇文章深入讨论了在CSS中裁剪多行文本的方法，以提高网页的外观和用户体验。作者首先介绍了常见的CSS文本裁剪技术，例如使用text-overflow和overflow属性。然后，他引入了新的CSS属性line-clamp，它可以更轻松地裁剪多行文本并添加省略号。作者解释了如何使用line-clamp属性设置最大行数，并指出了一些需要注意的注意事项。

前端小智@大迁世界

2023-08-16

2590

超级实用！，掌握这9个鲜为人知的CSS属性

css 容器布局浏览器语法

虽然许多开发人员熟悉常用的CSS属性，但也有一些较为陌生的属性可能被忽视了。在本文中，我们将探讨10个你可能没有使用过的CSS属性。

前端小智@大迁世界

2023-08-16

3620

提升CSS技能：深入理解 : 和 ::，让你的选择器更强大

css 容器布局浏览器字符串

CSS，即层叠样式表，是一种用于样式和格式化网页的强大语言。当你深入研究CSS时，你可能会遇到在CSS选择器中使用冒号（ : ）和双冒号（ :: ）的情况。这些符号具有特定的含义，并用于定位HTML文档中的不同元素或状态。

前端小智@大迁世界

2023-08-16

4480

掌握CSS属性：inherit、initial、unset、revert，让你的样式控制更上一层楼

css 工具工作继承浏览器

CSS（层叠样式表）是一种强大的用于样式和格式化网页文档的工具。在这份全面的指南中，我们将探讨四个特殊关键词： inherit ， initial ， unset 和 revert 。

前端小智@大迁世界

2023-08-16

1.1K0

CSS层叠技术：优化CSS重置，打造独特样式

css 代理开发浏览器优化

这篇文章介绍了一种名为CSS层叠的技术，用于优化CSS重置过程。它解释了CSS重置的概念，即通过删除浏览器默认样式来确保在不同浏览器上呈现一致的外观。然后，它引入了CSS层叠技术，以更好地控制样式的层次结构和优先级。

前端小智@大迁世界

2023-08-16

2230

大多数开发人员无法通过这个简单的CSS面试问题(CSS特异性)

css 继承开发者面试前端

事例地址：https://codepen.io/ambroseliew/pen/jOpzXpj

前端小智@大迁世界

2023-08-16

1300

每个前端开发需要了解的15个强大的CSS属性

css 网站 background 动画函数

这篇文章介绍了15个重要的CSS属性，旨在提高读者的CSS知识和技能。文章以清晰的方式解释了每个属性的作用和用法，并提供了相应的示例代码。通过这篇文章，读者可以了解到一些有趣且实用的CSS属性。

前端小智@大迁世界

2023-07-22

2550

点击加载更多

社区活动

【纪录片】中国数据库前世今生

穿越半个世纪，探寻中国数据库50年的发展历程

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态