给元素之间添加分割线，只需要一行牛逼的CSS！前提是你要学会文中这几个高级的CSS选择器，跟我一起来学习吧！以后秒杀CSS分割线需求！

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 前言 文字超出一般都是换行或者截断隐藏改成省略号，但是类似公告的文字提示必须完整的展示出来。这种一般会让文字滚动起来，以便用户看到完整的信息。本文

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 前言 某天，产品人员认为搜索输入框单纯摆放在页面太无趣了，得给它加点特效。平时只显示搜索按钮，当用户把鼠标移到搜索按钮时，搜索按钮从左到右滚动，搜

本文将爆肝推荐近两年来，最“火爆”、最前沿的4个预/后处理、12个CSS框架以及14个CSS-in-JS库，助你成为CSS大师👨🏻‍🦲

说到背景图片右侧定位，大家一定会想到使用background-position属性来实现。 下面，我们先来简单看一下background-position的基本用法及注意事项。 background-position属性的值既可以使用关键字，也可以是像素、em或百分比，可以指定…

去年差不多这个时候，发了一篇关于CSS 固定宽高比实现的文章，总结了如何从面试者的角度回答固定宽高比实现的问题。如果你对于历史的 hack 方式不太熟悉，建议先浏览一下原文章。 原文章的最后提到了 aspect-ratio 这种方式。不过当时还没有浏览器实现，现在标准以及实现都…

长宽比最常见的表示方式是两个整数和一个冒号，尺寸为：宽：高，或x：y。摄影最常见的长宽比是4:3和3:2，而视频和最近的消费类相机则倾向于16:9的长宽比。 随着响应式设计的出现，保持长宽比对Web开发人员来说越来越重要，特别是当图像尺寸不同，元素尺寸根据可用空间而变化时。 创…

根据最新的浏览器chrom88稳定版发布的信息看到，已经完全支持aspect-ratio了，那我们就来实践一下以及了解它的应用场景。1.了解下aspectratioaspectratio翻译为中文就是

CSS是不断发展的，有些很酷很有用的属性要么完全没有被注意到，要么由于某种原因没有像其他属性那样被频繁提及。在这篇文章中，我将介绍这些CSS属性和选择器中的一小部分。