CSS

(61)

中文段落行首缩进使用 2em

即 text-indent: 2em; ## 为何不使用 px 行首缩进如果使用 px 的话,代码非常不好维护,因为一旦 font-size 从 15px 调整到 20px,那对应的 text-indent 也得做对

去除网页输入框右侧出现的 LastPass 账号密码自动填充图标

![去除网页输入框右侧出现的 LastPass 账号密码自动填充图标](https://cdn.sunzhongwei.com/sunzhongwei_5bd14809b4741) 原代码 ``` ``` 解决办法是

CSS class 共存/不共存选择器

``` ``` ## 同时包含多个 class 的元素选择 例如,同时包含 class a b ``` .a.b { color: blue; } ``` ## 包含某个 class 但是同时不能包

linear-gradient 实现渐变背景色

作为渐变背景色非常合适 ``` .header-filter-gradient { background: linear-gradient(45deg, rgb(168,29,132) 0%, rgb(234,57,111

去掉 wordpress hestia 主题轮播图区域的背景色

hestia 主题顶部的 .header-filter 部分是一个背景图,但是被加了一层阴暗的遮罩色。经常有同事反馈说太阴暗了这个色调,不适合作为官网的主色调。 来看看 hestia 的 style.css 里的代码 ```

CSS 实现的水波纹效果

在 Chrome 帮助页看到的。 实现代码 ``` img src="http://www.google.com/intl/en/chrome/assets/common/images/chrome_logo_2x.png"

Bootstrap 中 .container 与 .container-fluid 的区别

## 二者的区别 .container 是 fixed-with, .container-fluid 是 full-width 看编译之后的 bootstrap 代码,即可一目了然 ``` @media (min-width

被滥用的 inherit

今天调样式,被 inherit 坑了一把。 这份 CSS 样式原来是这样写的 ``` 你能想到的所有标签 { font: inherit; } ``` 然后我看了半天一段文字的样式,永远是粗体,但是我从 chro

动起手来发现自己啥也不会系列之 z-index

开始以为只需要在 div 1, div 2 上分别设置不同的 z-index 值就可以了。没想到完全不行。 ``` #card1 { z-index: 1; width: 300px; heigh

Two-Column Layout 与 Block Formatting Context

在临摹 semantic-ui 的 feed 实现时,发现我对 Two-Column Layout 的实现并没有掌握。 这是我第一次做出来的效果 ![Block Formatting Context](http://cdn.su