伪元素已经使用了很长时间。然而，我觉得有些用例并不是所有开发人员都完全了解的。我写下这篇文章是为了阐明它们，以便它们能被更多地使用。父子元素悬停特效由于伪元素属于其父元素，因此存在一些不寻常的用例。现在，让我们看一个简单的示例。这个设计有一个 section title，在它的左边有一个小圆圈。当我们将鼠标悬停在section title上时，圆圈会变大。. …
opacity css
当我们非常专注写代码时候，我们往往会无意识的写出一些无效CSS代码。 我把这种称为 “潜意识错误”。 导致这种错误后，我们经常会反问自己：“为什么我写出这样低级错误？” 不过，这些错误都比较好解决，不需要花很多时间，只要纠正一下就行了。跟着本文看看，我会经常写哪些有趣的 CSS 错误。Font Size 我在font-size和font-weight之间经常 …
不论是网站，桌面软件亦或者是app都会涉及到这个功能，让用户觉得恶心，更让程序员恶心的功能。你不会想的到的，它就是——注册和登陆！别不信，我给你一分析你就懂了。首先，作为用户，我是极不愿意注册的，那么麻烦，要填一堆信息，还经常把密码忘了，关键是每个网站都有一个账号密码，混乱，混乱你懂吗？而且所有的网站等你注册后就会跟踪你的信息和浏览习惯，后台大数据计算你的喜 …
作者：hh_phoebe转发链接：https:juejin.impost5ee0cf335188254ec9505381目录细品100道CSS知识点（上）【干货满满】本篇细品100道CSS知识点（下）「干货满满」前言看到小伙伴留言说期待后面整理的CSS和JS篇，工具人小编整理出了本篇有关CSS部分的知识点。本篇文章作为对CSS知识点的统筹，囊括了目前大部分在 …
作者：陈大鱼头转发链接：https:mp.weixin.qq.comstLD4Rfr2c-MAXXtbC7nEwQ前言CSS 选择器是 CSS 世界中非常重要的一环。在 CSS 2 之后，所有的 CSS 属性都是按模块去维护的。CSS 选择器也是如此，然而如今也已经发布了第四版 —— CSS Selectors Level 4 ，这一版最早的草案发布于201 …
BFC块状格式化上下文（block formatting context）简称 BFC：是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。如何触发BFC？根元素（html）: 最大的BFCposition 设置为 fixed 或者 absolutedisplay 设置为 inline-block 、table-block 、 table-c …
前言上篇文章主要讲述了CSS样式更改中的过渡、动画基础知识，这篇文章我们来介绍下CSS样式更改中多列、元素是否可见、图片透明度知识。。1.多列 DoubleCol1).创建多列div{-moz-column-count:2; * Firefox *-webkit-column-count:2; * Safari 和 Chrome *column-count: …
CSS滤镜函数对于图像的增强效果往往有意想不到的效果，如设置图像灰度、亮度、透明度、饱和度、对比度等。本篇文章主要是介绍几个常见的CSS滤镜函数。本文首发自个人博客“胖蔡叨叨叨”，搜索查看更多有关CSS函数的用法。1、brightnessbrightness()函数是应用于设置图像的滤镜，设置图像的亮度，参数使用百分比，0：表示全黑，100%：表示原图。格式 …
常见的css样式操作单行文本溢出掩藏语法：white-space: nowrap| pre | pre-wrap | pre-line | inheritnowrap：单行文本不换行，文本显示一行；pre: 保留空白(在游览器显示时，保留空格)；pre-wrap: 保留空白序列，正常换行；pre-line: 合并空白符序列，但是保留换行符;inherit: …
一直以来，使用纯 CSS 实现波浪效果都是十分困难的。因为实现波浪的曲线需要借助贝塞尔曲线。而使用纯 CSS 的方式，实现贝塞尔曲线，额，暂时是没有很好的方法。当然，借助其他力量（SVG、CANVAS），是可以很轻松的完成所谓的波浪效果的，先看看，非 CSS 方式实现的波浪效果。使用 SVG 实现波浪效果借助 SVG ，是很容易画出三次贝塞尔曲线的。看看效果 …