原生CSS嵌套使用
所有主要浏览器都支持原生 CSS 嵌套:Chrome、Firefox 和 Safari。这是 CSS 的一个主要功能,它将使 CSS 的编写变得更加容易。在本文中,我将记录迄今为止我学到的有关 CSS 嵌套的知识
阅读量: 332标签: 样式
vue中的scoped属性和样式穿透
我们通常在<style>标签中写vue组件中的样式,但是我们这里的样式默认是全局样式。 如果其他组件出现类名重复,就会造成样式污染。所以vue支持给<style>标签添加scoped属性
阅读量: 2.5k标签: 样式
CSS新规范:样式查询
最近,Chrome团队发布了对一个新的CSS规范的实验性支持,即样式查询。简而言之,它让我们查询容器的样式,而不是只查询尺寸。在查询容器尺寸不够的情况下,这可能很有帮助。
阅读量: 413标签: 样式
如何写出更“优雅”的CSS代码?
CSS(全称Cascading Style Sheets,层叠样式表)为开发人员提供声明式的样式语言,是前端必备的技能之一。基于互联网上全面的资料和简单易懂的语法,CSS非常易于学习,但其知识点广泛且分散
阅读量: 384标签: 样式
css mask遮罩层详解
css的mask属性允许使用者通过部分或者完全隐藏一个元素的可见区域。这种效果可以通过遮罩或者裁切特定区域的图片。mask和background用法是相仿的,mask的值有这些:
阅读量: 1.5k标签: 样式
级联层与层叠上下文了解下?
2021年,Chromium团队宣布将在Chromium 99版本中支持Cascade layers(级联层),以清晰的方式来分层管理你的css。Cascade layers(级联层):可以更明确地控制css的样式优先级,以防止样式冲突。
阅读量: 673标签: 样式
如何使用 CSS 自定义无序列表样式
前段时间实现了个自定义无序列表样式,踩了一些坑,和大家说说。设计师说我们这个,列表项样式要优化一下,太丑了,这个原点要大一点。
阅读量: 651标签: 样式
如何更优雅的编写 CSS 代码?
直白的说:编写优秀的 css 代码可能是很痛苦的。很多程序员都不想从事 CSS 开发—我可以做任何事情,除了css以外。当我在编写app时,css是我最不喜欢的部分,但你又不能逃避它,对吗?
阅读量: 702标签: 样式
CSS 中矩阵变换 matrix()、matrix3d()
图形变换与线性代数息息相关(坐标系空间转换), 坐标变换与矩阵变换。在笛卡尔坐标系中,每个 欧氏空间 里的点都由横坐标和纵坐标这两个值来确定
阅读量: 935标签: 样式
CSS之特指度和层叠
如果多个规则匹配同一个元素,而且部分声明之间有冲突,那么我们如何知道哪个规则胜出呢?用户代理会计算每个规则中选择符的特指度,然后将其依附到规则中的每个声明上。如果两个或多个属性声明有冲突,特指度最高的声明胜出。
阅读量: 1.4k标签: 样式
css强制换行
强制换行用white-space的normal,pre-wrap,pre-line换行,即使有overflow: hidden; text-overflow: ellipsis;也不影响换行。
阅读量: 1.6k标签: 样式
CSS样式更改_2D转换
这篇文章我们来介绍下CSS样式更改中2D转换的基础用法。内容包括:元素位移translate(左边,顶边)、元素旋转rotate(角度)、元素缩放scale(宽度倍数,高度倍数)、元素翻转给定的角度 skew(x,y)
阅读量: 1.6k标签: 样式
前端项目中的样式管理怎么就那么难?
前几天我们开会讨论新项目的技术选型和项目结构,其中讨论到样式管理的部分,争论一下子多起来。前端样式,最终的表现还是css,但是在开发时,则会有多种多样的管理方式
阅读量: 1.4k标签: 样式
使用execCommand将文字样式设置成css样式的办法
我们在使用contenteditable属性做富文本编辑器时经常会用到document.execCommand方法来处理文字的样式。但当我们要设置比如font-size,会发现这个命令只支持(1-7)这几种字体大小值
阅读量: 2.1k标签: 样式
Vue样式穿透
在开发中修改第三方组件样式是很常见,但由于 scoped 属性的样式隔离,可能需要去除 scoped 或是另起一个 style 。这些做法都会带来副作用(组件样式污染、不够优雅)
阅读量: 1.8k标签: 样式