13 个前端可能用得上的 CSS技巧

修改输入占位符样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平和垂直居中。多么熟悉的场景！前端开发者几乎每天都会和它们打交道，本文收集 13 个CSS技巧，一起来来温故一下吧。

1. 解决图片5px间距问题

是否经常遇到图片底部多出 5px 间距的问题？不着急，有4种方法可以解决。

• 解决方案 1：将其父元素的 font-size:0px
• 解决方案 2：将 img 的样式增加 display:block
• 解决方案 3：将 img 的样式增加 vertical-align:bottom
• 解决方案 4：将父元素的样式增加 line-height:5px

2. 如何让元素高度与窗口相同

在现在前端中，CSS有一个单位是 vh，将元素高度样式设置为 height:100vh

3. 修改输入框 placeholder 样式

这个是表单输入框占位符属性，如何来修改默认样式，如下：

input::-webkit-input-placeholder {
  color: #babbc1;
  font-size: 12px;
}
复制代码

4. 使用 :not 选择器

除了最后一个元素之外的所有元素都需要一些样式，使用 no