携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第3天，点击查看活动详情 1️⃣前言 今天刚学了伪类选择器，记录一下以便复习。 伪类选择器有什么用？ 伪类选择器可以根据标签的不同状

这篇文章鼓励构造 UI 时使用更多纯 CSS 和更少的 JS。熟悉所有的 CSS 是实现这个目标的一种方法 —— 另一种是实施最佳实践和尽可能的减少代码。 这个伪元素选择器选择换行之前文本的首行。 这个伪元素选择器应用于元素中文本的首字母。 应用于任何被用户选中的高亮区域。 通…

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情 通常情况下，hover 是无法保存状态的。鼠标移入触发额外样式，一旦移出就还原了 这就意味着，如果需要保留hover

Flex英文为 flexiable box，翻译为弹性盒子，Flex布局即弹性布局。 行内元素也可以使用Flex布局。 Webkit内核的浏览器，必须加上-webkit前缀。 注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效，（…

随着前端技术的发展，对前端ui的个性化体验要求也越来越高。国外google、Twitter、Facebook等大厂早早已经开始支持白天/黑夜模式，主题定制。国内现在越来越多的系统也开始注重用户个性化

色彩的搭配非常重要，好的色彩设计会给网站增光添彩，让用户一看上去就感觉心情愉悦；坏的色彩~~~本文总结10+个常用的渐变色网站，帮你一次性搞定渐变色问题，让网站更加漂亮和好看。

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

本文思维导图，欢迎补充 本文首发于我的个人网站：http://cherryblog.site 前言 温馨提示：本文较长，图片较多，本来是想写一篇 CSS 布局方式的，但是奈何 CSS 布局方式种类太多并且实现方法太多，所以本文主要是介绍 flex 布局和 grid 布局，以及 C…

有时候我在想，我们前端写页面比较花时间，能不能减少这部分时间呢？当然你会说“你傻啊，不是有UI库嘛！”，但是别忘了，不是每个项目都有可用的UI库，同时使用别人的UI库，并不能百分比能够解决你所有的问题，如果我们对CSS选择器了解的更多一些，或许就可以少写很多JavaScript…