51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

CSS3

tailwindcss 设置css变量,实现主题配色样式切换

tailwindcss 设置css变量,实现主题配色样式切换

厉飞雨 阅读(24) 评论(0) 赞(3)

### 前言 {#前言} `tailwindcss`是有一个什么[Dark Mode](https://tailwindcss.com/docs/dark-mode) 的,但是我觉得这个,不够用,也不好用。翻了网上的一些方法,发现还是css变量的方式更加好用,在这里做个记录。 ### 思路 {#思路} 首先,我们按照正常的思路来,想要实现网页的主题切换。我们只需要准备几套...

CSS学习笔记

CSS学习笔记

厉飞雨 阅读(21) 评论(0) 赞(4)

CSS(Cascading Style Sheet)层叠级联样式表 {#csscascading-style-sheet层叠级联样式表} ==================================================================== CSS3 概述 {#css3-概述} ------------------ * CSS3 在 CSS...

css笔记

css笔记

厉飞雨 阅读(22) 评论(0) 赞(4)

<h2>基本属性 {#基本属性}</h2> <ol> <li>color - 设置元素的前景色,通常是指文本颜色。</li> <li>background-color - 设置元素的背景颜色。</li> <li>font-family - 设置文本的字体系列。</li> ...

css模糊羽化

css模糊羽化

厉飞雨 阅读(25) 评论(0) 赞(4)

<p>在逛 codepen 的时候发现一个有意思的 css 羽化项目<br /> <a href="https://codepen.io/xboxyan/pen/ZERZrQw">引用站外地址 css羽化 css 羽化</a></p> <p>原理是使用了 svg 中的 <code&...

CSS 浮动(Float) 清除浮动

CSS 浮动(Float) 清除浮动

厉飞雨 阅读(27) 评论(0) 赞(3)

<blockquote> <p>文章已同步至掘金:<a href="https://juejin.cn/post/6844903891155288072">https://juejin.cn/post/6844903891155288072</a><br /> 欢迎访问?,有任何问题都可留言评论哦~...

CSS盒子模型

CSS盒子模型

厉飞雨 阅读(26) 评论(0) 赞(6)

> 文章已同步至掘金:<https://juejin.cn/post/6844903890932989959> > 欢迎访问?,有任何问题都可留言评论哦\~ 盒子模型(Box Model) {#%E7%9B%92%E5%AD%90%E6%A8%A1%E5%9E%8B(box-model)} -----------------------------...

Flex布局(CSS)

Flex布局(CSS)

厉飞雨 阅读(22) 评论(0) 赞(5)

<blockquote> <p>文章已同步至掘金:<a href="https://juejin.cn/post/6844903846511116296">https://juejin.cn/post/6844903846511116296</a><br /> 欢迎访问?,有任何问题都可留言评论哦~...