随笔分类 - CSS
CSS
摘要：禁止浏览器侧滑回退，导致网页录入数据丢失 html { // 禁止mac侧滑返回 overscroll-behavior-x: none; }
阅读全文
摘要：该技巧解决页面显示和打印样式不一致问题，方便调试打印页面。 对应的讨论帖子这里： https://stackoverflow.com/questions/9519556/faster-way-to-develop-and-test-print-stylesheets-avoid-print-prev
阅读全文
摘要：background + gradient 使用技巧 CSS画圆点虚线了解radial-gradient()函数API实现圆点虚线CSS画锯齿边需要了解的line-gradient()API实现锯齿虚线的三种方式 CSS画圆点虚线 -w486 遇到这种虚线，我们首先想到用span画一个个圆连成线，但
阅读全文
摘要：[译]如何处理边距坍塌？ margin collapsing 会被翻译为边界坍塌，边界崩塌，外边距重叠，边界折叠，边距重合...。 边距坍塌是表象，外边距重叠从理论上描述着这种现象发生的原因，坍塌是因为重叠了。 What's the Deal with Collapsible Margins?MDN
阅读全文
摘要：外边距重叠 外边距重叠的好处，比如在设置段落的上下边距时不会因为出现外边界合并出现双倍行距，有的布局场景下不需要外边界折叠，就需要通过技术手段去掉这个行为。 首先我们来分析说明情况下会出现外边距重叠。 兄弟块元素 只有上下外边距（margin top和margin bottom）会重叠，左右外边距不
阅读全文
摘要：Block formatting contexts W3C关于BFC的描述见 "block formatting" Floats, absolutely positioned elements, block containers (such as inline blocks, table cells
阅读全文
摘要：Twitter使用了一种新的动画形式，使用一系列的图片来创建帧动画。 下面是一个 动画，鼠标移动到上面开始绽放。 .heart { width: 100px; height: 100px; background: url(https://youcanping 1254178049.cos.ap be
阅读全文
