相同的输入框，第一眼的效果可能差不多，但是只要你点他，就会发生美妙的事情。在掘金网页端，不知道有没有人注意到导航栏的搜索框，当你不动他的时候，他是小小的一个。当你开始输入的时候，他变长了！

在做响应式网站的时候，我们经常需要考虑的是文字的大小，图片的宽高，盒子的大小等等！对于我个人来说，我是经常使用rem，rem，vh,vw等等响应式单位的。而对于文字的大小，我使用最多的是rem和vw。

对于网页中的ul，我其实很少关注，或者说我基本不会用它，不过今天我算是见识到了ul的厉害之处，或者说是list-style-type的厉害之处。这个属性无论是ol还是ul都可以使用，同时这个属性所有的

相信经常看CSS文章的小伙伴，会经常见到关于单行文本的打字机效果。目前的主要实现逻辑是1. 通过设置文本容器的宽度从0变成文本的总长度，使得文字可以逐渐出现。不过这里的文本总长度是比较难获取的

本文解决两个痛点：1.伪类和伪元素傻傻分不清楚的问题，2. 太多伪类和伪元素导致我裂开的问题~~快来看看吧~

利用css3的特性制作出一个精美的表盘，效果可完全用css实现，但是为了简化代码和获取当前时间，所以用了部分的js代码

从 CSS 的基础知识讲 CSS 布局方案（居中，两列布局，三列布局）； 普通流、定位流、浮动流，不同流内的块级元素和行内元素的布局方式不同；

万能的css居中法总结，精简版，上手快，即拿即用。六种方案完美实现上下左右居中。css样式居中方法总结。

BFC到底是什么东西BFC，怎样触发BFC，BFC的规则，BFC解决了什么问题，一文搞懂，进来瞅瞅吧