摘要：形状 一 自适应的椭圆 1.难题 1> 圆 你可能注意到过， 给任何正方形元素设置一个足够大的border-radius， 就可以把它变成一个圆形。所用到的CSS 代码如下所示： *当任意两个相邻圆角的半径之和超过border box 的尺寸时，用户 代理必须按比例减小各个边框半径所使用的值，直到它 阅读全文

摘要：一 ppi,dpr,dip,分辨率,屏幕尺寸,设备物理像素，设备独立像素 分辨率：1920px*1080px 在这个设备上纵向上有 1920个像素点（色块）... 屏幕尺寸：5英寸(in) = 5*2.54(cm) 指的是在这个屏幕上对角线的长度使用英寸单位 这个值是每个设备固定不变的 像素密度pp 阅读全文

摘要：原文地址：视觉格式化模型中的各种框 在聊这个话题之前，我们可能得先简单说说 视觉格式化模型 这个概念。 视觉格式化模型 的全称是 Visual formatting model，它被用来描述用户代理（比如浏览器）在图形媒体下如何处理文档树。 在 视觉格式化模型 中，每个文档树的元素会根据框模型产生零 阅读全文

摘要：背景与边框 一 半透明边框 rgba/hsla颜色 1.难题 假设我们想给一个容器设置一层白色背景和一道半透明白色边框，body 的背景会从它的半透明边框透上来。我们最开始的尝试可能是这样的： 但实际上看不到边框，边框去哪儿了？ 2.解决方案 尽管看起来并不像那么回事，但我们的边框其实是存在的。默认 阅读全文

摘要：一 尽量减少代码重复 1.按钮 2.代码易维护vs. 代码量少 3.currentColor 自动从文本那获取颜色值 3.继承 inherit inherit 可以用在任何CSS 属性中，而且它总是绑定到父元素的计 算值（对伪元素来说，则会取生成该伪元素的宿主元素） 这个inherit 关键字对于背 阅读全文