100 个鲜为人知的 CSS 技巧汇总整理合集
金三银四找工作的旺季来了,在过去的一段时间里,我花了很多时间将之前的一些基础知识做了整理,希望这些内容能够帮助你在面试的时候,稍微顺利一些。因此,我将整理好的这 100 个 CSS 知识技巧分享给你
阅读量: 35标签: css技巧
css如何使用accent-color
accent-color是CSS 2022年推出的一个新属性,它能修改input默认控件的颜色,支持的input控件元素包括复选框、单选框、范围选择框和进度条。在黑暗模式下,该属性也能适配。
阅读量: 73标签: 属性
别再用alert()做弹窗了,浏览器自带的系统级模态框太好用了!
在很多场景下,都需要弹窗用于交互,一般UI框架都有模态框,如果你做一个小单页,不引入UI库,你将无法使用模态框,或者使用JavaScript自带的alert弹出提醒,或者是自己写,这都不是很便利。
阅读量: 66标签: 弹窗
全新的CSS语法
CSS 的发展速度比以往都快。自从几年前有了 Flexbox 和 Grid 以来,随着所有现在可用的和即将推出的新功能,我们编写 CSS 的方式也在与时俱进。本文共享了了哪些功能对当前的 CSS 写法影响最大,以及哪些功能没有。
阅读量: 254标签: 语法
66 个 CSS 函数,一网打尽!
随着技术的不断进步,CSS 已经从简单的样式表发展成为拥有众多内置函数的强大工具。这些函数不仅增强了开发者的设计能力,还使得样式应用更加动态、灵活和响应式。本文将深入探讨 CSS 常见的 66 个函数
阅读量: 167标签: 函数
前端常用的新手引导库,总有一款适合你!
在产品发布新版本或者有新功能上线时,经常需要新手引导功能来引导用户了解应用,下面就来分享几个开箱即用的新手引导组件工具库,帮你快速实现新手引导功能!
阅读量: 2.4k标签: 前端
当我遇见了强制横屏签字的需求...
在前一阶段的工作中,突然接到了这个需求:手写签批的页面在移动端竖屏时强制页面横屏展示进行签字,一开始我觉着只要将页面使用 CSS3 的 transform 进行 rotate 一下就可以了
阅读量: 250标签: 屏幕
微前端是什么?
微前端不是一个实际技术,而是一种新的组织及架构方法,自然也不是指某种特定的框架。传统开发方式时常采用水平架构,例如整个专案有一个前端团队,搭配一个以上的头部团队或者UI设计团队
阅读量: 305标签: 微前端
两行CSS让长列表性能渲染提升7倍!
今天咱们来看两个可以 直接提升渲染性能的 CSS 属性。content-visibility,contain-intrinsic-size.这两个 CSS 属性,主要针对 长列表渲染。有长列表渲染需求的同学,可一定不能错过咯~
阅读量: 527标签: 渲染
CSS 实现弧形卡片的 3 种方式
在平时开发中,有时候会碰到下面这种“弧形”样式,主要分为“内凹”和“外凸”两种类型,该如何实现呢?或者想一下,有哪些 CSS 属性和“弧形”有关?下面介绍 3 种方式,一起看看吧
阅读量: 456标签: 效果
HTTP/3为什么正迅速吞噬世界?
超文本传输协议(HTTP)作为互联网的基石,一直在网页加载、视频流传输、应用获取数据等方方面面发挥重要作用。去年,负责定义互联网技术的互联网工程任务组(IETF)将该协议的最新版本 HTTP/3 定为标准。
阅读量: 243标签: http
原生CSS嵌套使用
所有主要浏览器都支持原生 CSS 嵌套:Chrome、Firefox 和 Safari。这是 CSS 的一个主要功能,它将使 CSS 的编写变得更加容易。在本文中,我将记录迄今为止我学到的有关 CSS 嵌套的知识
阅读量: 331标签: 样式