HTML/CSS

css中好用的clamp()函数

clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。语法 clamp() 函...

OveUI2022-08-29阅读(207)评论(0)赞(0)

所有 CSS 伪元素选择器例子例子描述 ::after p::after 在每个 <p> 元素之后插入内容。 ::before p::befo...

OveUI2022-08-19阅读(233)评论(0)赞(0)

今天来研究一下 CSS 中的文本换行。正常情况下，在固定宽度的盒子中的中文会自动换行。但是，当遇到非常长的英文单词或者很长的URL时，文本可能就不会自动换行，而...

OveUI2022-06-20阅读(380)评论(0)赞(0)

将所有资源进一步分类，从学习基础知识到样式指南、最佳实践、有用的技巧和技巧，以及您可以学习的其他资源，以进一步扩展您的 CSS 知识。学习资源 1.Aweso...

OveUI2022-05-21阅读(424)评论(0)赞(0)

在 CSS 选择器家族中，新增这样一类比较新的选择器 —逻辑选择器，目前共有 4 名成员： :is :where :not :has 本文将带领大家...

OveUI2022-05-16阅读(447)评论(0)赞(0)

你有没有想过使用CSS选择器来检查父元素中是否存在特定的元素？例如，如果一个卡片组件中有图片，就给它添加一个display:flex。这以前在CSS中是无法实现...

OveUI2022-05-07阅读(483)评论(0)赞(0)

对于line-height这个样式，相信很多伙伴都知道，但是真正会用的，可能小部分。今天我们来看看它。 line-height的基本概念

OveUI2022-05-07阅读(477)评论(0)赞(0)

在 CSS 中，其实存在各种各样的函数。具体分为： Transform functions[1] Math functions[2] Filter functi...

OveUI2022-04-29阅读(487)评论(0)赞(0)

在 CSS 中，其实存在各种各样的函数。具体分为： Transform functions[1] Math functions[2] Filter functi...

OveUI2022-04-28阅读(495)赞(0)

本文分享一些非常好用的CSS代码片段，它们很短但功能强大。使用这些代码，我们可以立即提高网站的体验。下面是11个非常好用的CSS代码片段： 1. Scroll ...

OveUI2022-04-27阅读(503)评论(0)赞(0)