引言 最近看了2022年全球CSS调查报告，发现了一些不常见的伪类和伪元素。 伪类 :has() html css :is() html css :host html :host() html :ho

文本超出宽度，最好的解决方式：固定元素宽度根据文本的长度缩小字号，超出缩小字号；前端从零拆解功能动效

最近项目做到优惠券模块，用到了 css3 的 2 个属性：`mask` 和 `radial-gradient()` 。遂作此文，记录下实现过程~

修改input placeholder样式、多行文本溢出、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！

VSCode扩展，可通过实时浏览器重新加载来帮助您实时将SASS / SCSS文件编译/转换为CSS文件。 选择器与属性等单独占用一行，缩进量与 Sass 文件中一致，每行的缩进量反映了其在嵌套规则内的层数。当阅读大型 CSS 文件时，这种样式可以很容易地分析文件的主要结构。 …

demo

1. 通过 ::-webkit-scrollbar 伪元素 2. 外层元素 overflow: hidden 内层元素absolute定位 3. 父元素overflow: hidden, 子元素宽度 100% + 滚动条宽度

相信大家在写css属性的时候，会遇到一些问题，比如说：垂直对齐，垂直居中，背景渐变动画，表格宽度自适应，模糊文本，样式重置，清除浮动，通用媒体查询，自定义选择文本，强制出现滚动条，固定头部和页脚，自己在网上看到的一篇关于css的文章，感觉这里边一些常用的css代码片段对大家很有…

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…