你知道『回』字有四种写法，但你知道display有32种写法吗？今天我们一一道来，让你一次性完全掌握display，从此再也不用对它发愁。 从大的分类来讲，display的32种写法可以分为6个大类，再加上1个全局类，一共是7大类： 外部值 内部值 列表值 属性值 显示值 混合值 全局值 外部值 所谓外部值，就是说这些值只会直接影响...

如何让一段文字居中，在人类看来如此简单的问题，在css界却变成了多年令人头疼的问题，关于居中的文字如汗牛充栋，但每到用时还是会有问题。单单一个『中』是什么，在css里就有两种不同的称呼：center和middle，水平居中要用center，垂直居中要用middle（到了css3时代引入了更多混乱，flex布局里垂直居中也可以用center...

如果只是一个简单的五边形，可以用css shape去做。仔细分析图形，发现它实际上是3个五边形的叠加：1. 最外面一层浅蓝色的稍大一些，2. 中间一层深蓝色颜色和背景相同，但尺寸略小，盖在下面那层上，由此而产生了一个边框的效果，3. 最里面的五边形颜色最深。所以一共是这么3层形状差不多的五边形。

举个极端例子，一个网页，需要在最大屏幕3000px(为了方便起见，我们这里只谈屏幕宽度)上显示，同时也需要在最小屏幕320px上显示。不管屏幕多大，人的肉眼能看清楚的字体大小都是16px（我们只是假设，也可以是14px甚至12px，但先假设为16px）。通常情况下，把字体大小设置为16px是没有问题的，这样的话，在小屏幕上，一行...