css

方法一：局部使用 @/assets/css/variables.less App.vue 方法二：全局使用 @/assets/css/index.less main.js App.vue

一、瞅瞅滚动条的默认样式 不得不说：嗯，中规中矩，很一般。 二、认识与滚动条相关的私有属性（CSS伪类） 不查不知道，一查吓一跳： 整个滚动条::-webkit-scrollbar 滚动条上的滚动滑块

2023啦，想写一点好看的字体！ 发光字体 1.字体发光代码 2.字体发光效果 渐变字体 1.字体渐变代码 2.字体渐变效果

[color]：选择具有 color 属性的元素 [color="red"] 选择具有 color 属性且属性值等于 red 的元素 [color~="orange"] 选择 color 属性包含 o

我为什么要写个钟？起因：写着玩儿，就是觉得这个东西很有趣。我可以把我它变成我喜欢的样子，用代码写出来的东西和买来的东西，意义截然不同。虽不惊艳，却乐在其中。 还会想起小时候，和小伙伴们一起用圆珠笔在手

前言 今天是5月3日，阳光明媚，正适合来掘金“劳动劳动”。于是乎，我把目标对准了惦记已久的掘金头像。是的，就是那个 hover 一下，就加速旋转的头像，几欲跳出电脑屏幕。如果你了解一点儿动画，就不难领

上次用 flex 布局写了 9 个麻将，一直想尝试用 grid 布局来写。今天终于有兴致试试了，翻了一圈资料，麻了，先写几个简单的吧。 基础布局 公共样式 初始效果 哈哈，挤一坨了，像弹簧，还挺有趣！

一、关于移动端 1px 的问题 CSS 的 1px 在 PC 端就是 1px；在移动端就往往大于 1px。不信可以自测！ 二、产生原因 设备像素比：dpr=window.devicePixelRati

前言 为了深入了解 flex 布局，我用 它 写了 9个麻将，当然，你也可以试试骰子，大同小异。 一、初始布局与公共样式 一开始是想用 div 来写，后来改成 ul li 更合适。 1、基础布局 2、

CSS 隐藏盒子的方式 说到 CSS 隐藏盒子的方式，除了 display:none; visibility: hidden; opacity: 0;这三种，你还知道哪些呢？话不多说，先上 demo~

一、前言 用过 less 的都知道 less 有多香，反正我是挺喜欢，你可能不知道 less 还可以像函数一样调用？ 二、初探 less 样式的调用（普通调用） 1、我们在 less 文件上设置公共样

transform 转换 转换 transform 是CSS 的属性，它有三个属性值：translate(位移) 、rotate(旋转)、scale(缩放) 。transform 对行内元素无效，对行

文字阴影 text-shadow 参数 取值 h-shadow 必须，水平偏移量，允许负值 v-shadow 可选，垂直偏移量，允许负值 blur 可选，模糊度 color 可选，阴影颜色 盒子阴影：

1、CSS的层叠性 当样式发生冲突时, 权重相同的选择器,后面的样式会把前面的样式覆盖掉(层叠掉),就近原则 背景颜色background-color不生效时，考虑是不是 background 复合属

1、盒子模型(Box Model ) 盒子模型可以用来对元素进行布局，包括内边距（padding）、边框(border)、外边距(margin)和实际内容(content)这几个部分。 盒子模型分为两

方法一、定位 按照 左、中、右 排列盒子 给父盒子设置左右 padding 值，padding-left 值 为左盒子的宽度，padding-right 值 为右盒子的宽度 子绝父相，左盒子 left

首先熟悉一下边框的属性： 边框宽度：border-width：10px; 边框颜色：border-color：pink; 边框样式：border-style：solid; 边框复写属性：border:

静态定位：static 绝对定位：absolute 相对定位：relative 固定定位：fixed 子绝父相经典应用场景：实现盒子水平垂直居中

谷歌浏览器支持的最小字体是12px 不信，我们看看页面效果 虽然一个设置了10px,另一个设置了12px,但是他们的字体大小没有任何区别 如果想要小于12px 字体怎么办呢? 针对谷歌浏览内核，加 w

1.浮动是什么？ 浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。浮动最初的设计是为了实现文字环绕效果。 2.浮动的特点 2.2浮动会脱离标准流（脱标） 不浮动 左浮 右浮 从