随笔分类 -  css

摘要:1. 移动端布局解决方案: 基础: https://www.cnblogs.com/woodyblog/p/6094664.html 参考: https://github.com/imochen/hotcss 2. BFC 参考: https://www.cnblogs.com/lhb25/p/in 阅读全文
posted @ 2019-07-22 21:20 芋头圆 阅读(170) 评论(0) 推荐(0)
摘要:// 注: 以下内容大量借阅自<<Webkit技术内幕>>--朱永盛(14年出版的) , 很多内容可能早已更新 。部分摘录内容有删减 , 目录为了编辑方便作了些改动。读者可自行下载原文档阅读。 1. Webkit 的网页渲染过程 1.1.1 加载和渲染: 浏览器的主要作用就是将用户输入的 URL 转 阅读全文
posted @ 2019-04-29 15:45 芋头圆 阅读(190) 评论(0) 推荐(0)
摘要:标准模式: 总宽度/高度=width/height+padding+border+margin 怪异模式(quirks 模式): 总宽度/高度=width/height + margin = 内容区宽度/高度 + padding + border + margin 设置盒子模型可通过 css3属性: 阅读全文
posted @ 2017-11-26 16:24 芋头圆 阅读(129) 评论(0) 推荐(0)
摘要:上下左右居中: (不考虑弹性布局及css3属性) 1. 已知宽高的情况下: a. 绝对定位50% + 负margin 50% * 盒宽|高度,兼容性非常好(IE6) b. 绝对定位0 + margin: auto, 兼容性比较好 2. 未知宽高: a. 加个父元素包裹起来, 并设置 display: 阅读全文
posted @ 2017-11-21 00:10 芋头圆 阅读(123) 评论(0) 推荐(0)