koaxios的博客_奇幻CSS世界

小文一篇，说说:where、:has和:is的特殊性吧

css推出的:where、:has和:is伪类满足了我对“逻辑化CSS”的简单幻想。简单说下，假如你有这么一个需求：在响应式页面中，你需要判断头部元素中是否具有某一个图标

前端

vue.js

css

伪元素

伪类

原创 2022-10-03 02:32:03 102 阅读

你怎么看CSS中的margin合并？

啊~已经沉沦在不写博客的世界的第...N天了。我云小梦又回来了哈哈哈。css中千变万

css

html

前端

firefox

嵌套

原创 2022-09-12 17:23:12 450 阅读

从一次项目重构说起CSS3自定义变量在项目中是如何使用的？

关于CSS3变量在任何语言中，变量的有一点作用都是一样的，那就是可以降低维护成本，附

css3

vue.js

sass

css自定义变量

原创 2022-09-12 17:22:11 168 阅读

CSS实用技巧：伪元素/伪类的妙用

在一个网页中CSS占着非常重要的地位。近年来随着CSS的发展，伪元素/伪类

html5

css3

前端

css

原创 2022-09-12 17:21:00 307 阅读

原生图片预览实现及由此引出的图片自适应宽高问题探索

=

css3

javascript

flexbox

原创 2022-09-06 15:30:34 60 阅读

CSS世界Bug般的存在——字母x与“居中”

字母x ？《css世界》中提到：“我

css

css3

前端

line-height

verticle-align

原创 2022-09-06 15:27:48 175 阅读

CSS伪类:empty让我眼前一亮

最近看过我文章的都知道：我最近在写一个微信小程序的项目，在其中遇到了很多有趣的事和一些“奇思妙想”。本文的背景就

css

html

伪类empty

微信小程序

伪元素

原创 2022-09-06 15:01:57 175 阅读

细说UI组件库中的“开关”

目前，流行的UI组件库无非cube-ui、elementUI、iview...一款优秀的组件库其实现必包含：性能、兼容、适应性等一系列指

css3

html

webkit

UI组件库

css伪元素

原创 2022-09-06 14:56:21 187 阅读

说说我对项目中css架构的浅显理解

在实现业务的过程中，我们难免会发现之前由于各种原因存在的代码中正在产生大量的冗余。这

css

sass

elementui

itcss

bem

原创 2022-09-06 14:53:37 188 阅读

利用伪元素和css3实现鼠标移入下划线向两边展开效果

思路将伪元素:before和:after定位到元素底部中间，设置宽度从0变成100%达到目的。实现过程：下面是我实现某官网首

伪元素

css3

下划线特效

a链接

官网

原创 2022-09-06 14:53:10 250 阅读

小tips：单复选框与文字对齐问题的研究

以前来说，单复选框与后跟文字的对其问题其实大多出现在 `font-size` 为 `12px` 的场景下。在现在默认

css

html5

elementui

css3

复选框

原创 2022-09-06 14:53:06 378 阅读

nginx适配杂谈

适配问题说起适配，其实就不得不提到“ 响应式 ”。而说起响应式，可能很多人下意识就会脱口而出

css

html

响应式

nginx

css单位

原创 2022-09-06 14:52:27 98 阅读

关于CSS3一些新属性的一些思考：夜间模式、区域阴影、透明度

关于 filter —— 你以为它只能做单纯的“滤镜”吗？不！常用的 blur 处理（图片）模糊程度、 opac”来控制“全局”：<input type="checkbox" /&

css3

html5

前端

css

chrome

原创 2022-09-06 14:47:08 172 阅读

HTML5+CSS3高级动画的应用实践

我们大概都知道css可以用来作平面旋转、扭曲、放大缩小、平移。。。并且用起来几乎都

html5

css3

canvas动画

matrix

translateZ

原创 2022-09-06 14:46:40 173 阅读

探索CSS属性*-gradient的实用价值

先介绍一下一个有趣的属性 —— conic-gradient ：圆锥渐变！对其感兴趣是因为我发现它竟然可以用来做圆饼图！比如这样

css3

javascript

渐变背景

前端

chrome2.9

原创 2022-09-06 14:46:35 86 阅读

用户体验 | 页面阅读进度提示

相信很多人都在项目中用过这么一个玩意 —— NProgress.js库，或者是其它类似的库，它们的作

javascript

css3

linear-gradient

用户体验

html

原创 2022-09-06 14:46:17 157 阅读

CSS3+JS完美实现放大镜模式

大概一年多之前写过一篇文章：仿放大镜效果的几种方式原理解析，别看标题这么牛气哄哄

css3

javascript

html

定位

前端-放大镜模式

原创 2022-09-06 14:45:51 146 阅读

小Tip：关于单行/多行文本溢出隐藏的一些看法

最早的文本溢出隐藏只是简单的hidden，把看不见的都给“去掉”，就像这样：<p class="hid"> 哈哈哈哈哈哈哈哈

css3

html

javascript

文本溢出省略

前端

原创 2022-09-06 14:45:45 196 阅读

小tips；CSS和JS“通信”

假如我有一个需求，必须通过 js 执行动画，还得让 css 去配合。拿一个简单却不太恰当的例子来说：‘一闪一闪’效果的实现。传统

javascript

css

css3

vue

前端

原创 2022-09-06 14:45:19 57 阅读

一种离谱到极致的页面侧边栏效果探究

emmmmmmm标题实在想不到怎么起。其实效果大概是这样的：display动画的应用起因是什么呢？在笔者最近一个可能执行的、影

javascript

css3

display动画

html+css网页设计

position定位

原创 2022-09-06 14:45:19 51 阅读

CSS中em的正确打开方式

为什么说“通常情况下1em=16px”？用户的浏览器默认渲染的文字大小是“16px”，换句话说，Web

css

em/rem

html

响应式

控件

原创 2022-09-06 14:44:26 113 阅读

CSS3实战——抖动效果的实现

这几天有项目，其中复习了一下css3的相关知识。其中抖动效果很好玩，不禁想写篇文

css3实战

css3动画

html

代码娱乐

3d

原创 2022-09-06 14:43:14 2165 阅读

BFC原理在CSS中的应用

准确来说，BFC是CSS2.1时代的产物，它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素

BFC

css

边距

html

文档流

原创 2022-09-06 14:43:00 124 阅读

前端图形技术的发展：SVG

SVG图——基于数学的描述使用方式：浏览器直接打开在HTML中使用<img>标签引用直接在HT

前端图形

SVG

位图

CSS

xml

原创 2022-09-06 14:42:42 114 阅读

神奇的CSS图形：“三道杠”及相关知识点详解

在笔者的个人网站上，有这么一个功能：当页面变得“足够小”（比如手机打开），页面的右上方会变成一个如下的现...

css

字体图标

css图形

性能优化

内联元素

原创 2022-09-06 14:42:38 550 阅读

网页中图片img的尺寸问题

<img>是不可替换元素（标签）很奇怪？《CSS世界》作者张鑫旭大大提出了一个观点：替换元素和非替换元

html

css

img尺寸问题

chrome

firefox

原创 2022-09-06 14:42:28 340 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx60e5196c72f22的博客

小文一篇，说说:where、:has和:is的特殊性吧

你怎么看CSS中的margin合并？

从一次项目重构说起CSS3自定义变量在项目中是如何使用的？

CSS实用技巧：伪元素/伪类的妙用

原生图片预览实现及由此引出的图片自适应宽高问题探索

CSS世界Bug般的存在——字母x与“居中”

CSS伪类:empty让我眼前一亮

细说UI组件库中的“开关”

说说我对项目中css架构的浅显理解

利用伪元素和css3实现鼠标移入下划线向两边展开效果

小tips：单复选框与文字对齐问题的研究

nginx适配杂谈

关于CSS3一些新属性的一些思考：夜间模式、区域阴影、透明度

HTML5+CSS3高级动画的应用实践

探索CSS属性*-gradient的实用价值

用户体验 | 页面阅读进度提示

CSS3+JS完美实现放大镜模式

小Tip：关于单行/多行文本溢出隐藏的一些看法

小tips；CSS和JS“通信”

一种离谱到极致的页面侧边栏效果探究

CSS中em的正确打开方式

CSS3实战——抖动效果的实现

BFC原理在CSS中的应用

前端图形技术的发展：SVG

神奇的CSS图形：“三道杠”及相关知识点详解

网页中图片img的尺寸问题