修改 placeholder 样式，多行文本溢出，隐藏滚动条，修改光标颜色，水平和垂直居中。这些熟悉的场景啊! 前端开发者几乎每天都会和它们打交道，这里有20个CSS技巧，让我们一起来看看吧。 1.

希望本文章的老铁，留下你们的关注和赞，后续掘金主也会不断更新出新的文章。 CSS3是层叠样式表语言的最新版本。它带来许多期待已久的新特性，另外CSS3带来的新特性被分为”模块“。例如新的选择器、圆角、阴影、渐变、过渡、动画。以及新的布局方式 通过此属性添加背景图片。不同的背景图…

很多开发人员讨厌CSS。根据我的经验，这是因为没有花时间学习CSS。 CSS不是最漂亮的“语言”，但它已经成功地为web样式提供了超过20年的支持。还不错吧? 但是，当您编写更多的CSS时，您很快就会看到一个很大的缺点。 很难维护CSS。 写得不好的CSS很快就会变成噩梦。 下…

width和margin实现。margin: 0 auto; table标签配合margin左右auto实现水平居中。使用table标签（或直接将块级元素设值为display:table），再通过给该标签添加左右margin为auto。 inline-block实现水平居中方法…

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 小t…

在面试最后，面试官突然问了我最后一个问题。怎么清除浮动。当然我很快给出最常用的方法。 本来我以为，面试官还会问，还有那些方法，我脑中已经构思了好几种方法。没想到，面试官竟然问我，这个方法清除浮动的原理。 原理！当时我就有点懵逼，这个方法很常见，也经常在用，但是就没去理解过其原理…

默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。参考上篇随笔。 定位为relative的元素脱离正常的文档流，但其在文档流中的位置依然存在，只是视觉上相对原来的位置有移动。 通过top,bottom,…

在上篇文章 -- 一行 CSS 代码的魅力 的最后，提到了两种快速实现水平垂直居中的方式。 当然，CSS 中实现水平垂直居中的方式很多。别看到水平垂直居中就准备右上角 x 掉，本文的重点不是罗列有多少种方式实现水平垂直居中方式，而是探讨一下常见的几种水平垂直居中的方式的利弊。 …

1.俄罗斯套娃，这样可以解决全局污染问题，你只需要修改最上面的父级的名称就可以新一波的套娃了。但是这样写出来的代码容易被骂，代码冗余，可读性差 预处理器增强了 CSS 的语法。让标准 CSS 具备了以下的这些能力