前端开发的核心构建在三大基石技术上：HTML、CSS和JavaScript。回想起多年前，前端开发者常被戏称为“切图仔”，但就是这样的角色，通过精湛的CSS技巧，能够实现各种复杂的交互和特效

所有主要浏览器都支持原生 CSS 嵌套：Chrome、Firefox 和 Safari。这是 CSS 的一个主要功能，它将使 CSS 的编写变得更加容易。在本文中，我将记录迄今为止我学到的有关 CSS 嵌套的知识

我们通常在<style>标签中写vue组件中的样式，但是我们这里的样式默认是全局样式。 如果其他组件出现类名重复，就会造成样式污染。所以vue支持给<style>标签添加scoped属性

最近，Chrome团队发布了对一个新的CSS规范的实验性支持，即样式查询。简而言之，它让我们查询容器的样式，而不是只查询尺寸。在查询容器尺寸不够的情况下，这可能很有帮助。

CSS（全称Cascading Style Sheets，层叠样式表）为开发人员提供声明式的样式语言，是前端必备的技能之一。基于互联网上全面的资料和简单易懂的语法，CSS非常易于学习，但其知识点广泛且分散

css的mask属性允许使用者通过部分或者完全隐藏一个元素的可见区域。这种效果可以通过遮罩或者裁切特定区域的图片。mask和background用法是相仿的，mask的值有这些：

2021年，Chromium团队宣布将在Chromium 99版本中支持Cascade layers（级联层），以清晰的方式来分层管理你的css。Cascade layers（级联层）：可以更明确地控制css的样式优先级，以防止样式冲突。

前段时间实现了个自定义无序列表样式，踩了一些坑，和大家说说。设计师说我们这个，列表项样式要优化一下，太丑了，这个原点要大一点。

直白的说：编写优秀的 css 代码可能是很痛苦的。很多程序员都不想从事 CSS 开发—我可以做任何事情，除了css以外。当我在编写app时，css是我最不喜欢的部分，但你又不能逃避它，对吗？

图形变换与线性代数息息相关（坐标系空间转换）， 坐标变换与矩阵变换。在笛卡尔坐标系中，每个 欧氏空间 里的点都由横坐标和纵坐标这两个值来确定

如果多个规则匹配同一个元素，而且部分声明之间有冲突，那么我们如何知道哪个规则胜出呢？用户代理会计算每个规则中选择符的特指度，然后将其依附到规则中的每个声明上。如果两个或多个属性声明有冲突，特指度最高的声明胜出。

强制换行用white-space的normal，pre-wrap，pre-line换行，即使有overflow: hidden; text-overflow: ellipsis;也不影响换行。

这篇文章我们来介绍下CSS样式更改中2D转换的基础用法。内容包括：元素位移translate(左边,顶边)、元素旋转rotate(角度)、元素缩放scale(宽度倍数，高度倍数)、元素翻转给定的角度 skew(x,y)

前几天我们开会讨论新项目的技术选型和项目结构，其中讨论到样式管理的部分，争论一下子多起来。前端样式，最终的表现还是css，但是在开发时，则会有多种多样的管理方式

我们在使用contenteditable属性做富文本编辑器时经常会用到document.execCommand方法来处理文字的样式。但当我们要设置比如font-size，会发现这个命令只支持（1-7）这几种字体大小值