首页
学习
活动
专区
工具
TVP
发布

终身学习者

专栏成员
733
文章
1272886
阅读量
33
订阅数
令人期待的 CSS 新功能:让编码更高效
CSS 是一种不断发展的语言。每一次迭代,它都会变得越来越好。因此,了解最新的 CSS 功能非常重要,这样你才能在项目中使用它们,减少对第三方库的依赖。
前端小智@大迁世界
2024-02-12
1520
为什么margin、padding和其他间距技术应使用 px 单位
CSS 长度是距离值的一种。CSS 百分比与长度类似,但区别在于它们总是页面中其他内容的一部分,具体取决于它们与什么属性一起使用。长度可以是绝对值,也可以是相对值。
前端小智@大迁世界
2024-02-12
1010
新 CSS Math方法:rem() 和 mod()
CSS 添加了许多新的数学函数来补充旧有的函数(如 calc() 和最近的 clamp() )。这些函数最终都表示一个数值,但其工作原理的细微差别并不总是一开始就很清楚。本文介绍每个函数的常见用例以及不太常见的用例。
前端小智@大迁世界
2024-02-12
1420
不要在按钮、链接或任何其他文本容器上使用固定的 CSS 高度或宽度
尽管一些网页设计工具为按钮等元素指定了 CSS 高度值,但设置高度或最大高度实际上可能会违反 WCAG 2.2 Success Criterion 1.4.4 Resize Text.
前端小智@大迁世界
2024-02-12
1100
CSS @scope 如何取代 BEM
前端工程师最常见且最具挑战性的问题之一是 CSS 命名约定。随着 Block Element Modifier(BEM)方法的流行,许多人习惯于按照一种可维护的模式组织他们的样式。
前端小智@大迁世界
2024-02-12
1040
Tailwind CSS vs 现代CSS,Tailwind CSS 会像CSS-in-JS 一样亡?
本文是 关于Tailwind CSS 与 现代 CSS之间比较的文章。文章中作者详细比较了这两种CSS开发方法的优缺点。他指出,Tailwind CSS是一种基于类的CSS框架,提供了快速开发网站的便利性,但可能导致HTML代码的臃肿。另一方面,现代CSS方法更加模块化和可维护,但编写速度可能较慢。
前端小智@大迁世界
2024-02-12
2450
让图片完美适应:掌握 CSS 的object-fit与object-position
在CSS中,我们可以使用 background-size 和background-position属性为背景图像设置大小和位置。而 object-fit 和 object-position 属性则允许我们对嵌入的图像(以及其他替代元素,如视频)做类似的操作。在本文中,我们将深入探讨如何使用 object-fit 将图像适应到特定的空间中,以及如何使用 object-position 在该空间中进行精确定位。
前端小智@大迁世界
2024-02-12
5710
Tailwind CSS 真有那么好吗?讨厌它的前六大原因
Tailwind CSS 是一个受欢迎的“实用优先”的 CSS 框架,声称可以帮助你更快、更轻松地创建自定义设计。然而,并不是每个人都对 Tailwind CSS 感到满意。事实上,有很多原因让你应该避免使用它,而坚持使用纯 CSS 或其他框架。以下是你应该讨厌 Tailwind CSS 的主要原因:
前端小智@大迁世界
2024-02-12
1.3K0
为什么我们不擅长 CSS
快来免费体验ChatGpt plus版本的,我们出的钱 体验地址: https://chat.waixingyun.cn 可以加入网站底部技术群,一起找bug,另外新版作图神器已上线 https://cube.waixingyun.cn/home
前端小智@大迁世界
2024-02-12
1840
作用域 CSS 回来了
快来免费体验ChatGpt plus版本的,我们出的钱 体验地址: https://chat.waixingyun.cn 可以加入网站底部技术群,一起找bug,另外新版作图神器已上线 https://cube.waixingyun.cn/home
前端小智@大迁世界
2024-02-12
890
9个对Web开发人员有用的CSS工具
快来免费体验ChatGpt plus版本的,我们出的钱 体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群,一起找bug,另外新版作图神器已上线 https://cube.waixingyun.cn/home
前端小智@大迁世界
2023-09-06
3680
7个实用的CSS技巧
:first-letter 选择器用于指定元素的首字母样式,它仅适用于块级元素。效果如下:
前端小智@大迁世界
2023-08-24
1710
让你兴奋不已的13个CSS技巧🤯
快来免费体验ChatGpt plus版本的,我们出的钱 体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群,一起找bug,另外新版作图神器已上线 https://cube.waixingyun.cn/home
前端小智@大迁世界
2023-08-18
3090
完美掌握多行文本修剪技巧:CSS中的实用指南
这篇文章深入讨论了在CSS中裁剪多行文本的方法,以提高网页的外观和用户体验。作者首先介绍了常见的CSS文本裁剪技术,例如使用text-overflow和overflow属性。然后,他引入了新的CSS属性line-clamp,它可以更轻松地裁剪多行文本并添加省略号。作者解释了如何使用line-clamp属性设置最大行数,并指出了一些需要注意的注意事项。
前端小智@大迁世界
2023-08-16
2590
超级实用!,掌握这9个鲜为人知的CSS属性
虽然许多开发人员熟悉常用的CSS属性,但也有一些较为陌生的属性可能被忽视了。在本文中,我们将探讨10个你可能没有使用过的CSS属性。
前端小智@大迁世界
2023-08-16
3620
提升CSS技能:深入理解 : 和 ::,让你的选择器更强大
CSS,即层叠样式表,是一种用于样式和格式化网页的强大语言。当你深入研究CSS时,你可能会遇到在CSS选择器中使用冒号( : )和双冒号( :: )的情况。这些符号具有特定的含义,并用于定位HTML文档中的不同元素或状态。
前端小智@大迁世界
2023-08-16
4450
掌握CSS属性:inherit、initial、unset、revert,让你的样式控制更上一层楼
CSS(层叠样式表)是一种强大的用于样式和格式化网页文档的工具。在这份全面的指南中,我们将探讨四个特殊关键词: inherit , initial , unset 和 revert 。
前端小智@大迁世界
2023-08-16
1.1K0
CSS层叠技术:优化CSS重置,打造独特样式
这篇文章介绍了一种名为CSS层叠的技术,用于优化CSS重置过程。它解释了CSS重置的概念,即通过删除浏览器默认样式来确保在不同浏览器上呈现一致的外观。然后,它引入了CSS层叠技术,以更好地控制样式的层次结构和优先级。
前端小智@大迁世界
2023-08-16
2230
大多数开发人员无法通过这个简单的CSS面试问题(CSS特异性)
事例地址:https://codepen.io/ambroseliew/pen/jOpzXpj
前端小智@大迁世界
2023-08-16
1300
每个前端开发需要了解的15个强大的CSS属性
这篇文章介绍了15个重要的CSS属性,旨在提高读者的CSS知识和技能。文章以清晰的方式解释了每个属性的作用和用法,并提供了相应的示例代码。通过这篇文章,读者可以了解到一些有趣且实用的CSS属性。
前端小智@大迁世界
2023-07-22
2550
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档