摘要: 定义 CSS 中的 box-sizing 属性定义了应该如何计算一个元素的总宽度和总高度。 box-sizing: content-box;(默认) 计算方式: width = 内容宽度 height = 内容高度 box-sizing: border-box; 计算方式: width = bord 阅读全文
posted @ 2020-05-27 20:46 见嘉于世 阅读(1191) 评论(0) 推荐(0) 编辑
摘要: 在加载页面资源时,可能会延迟,这时会出现页面抖动,通过以下方法自动撑开空白区域,提升用户体验。 overflow: hidden; width: 100%; height: 0; padding-bottom: 高/宽%; 完整代码: <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2020-05-27 15:45 见嘉于世 阅读(1139) 评论(0) 推荐(0) 编辑
摘要: 一、CSS编码技巧 尽量减少代码重复 当某些值相互依赖时,应该把 它们的相互关系用代码表达出来。 font-size: 20px line-height: 1.5 /* 20*1.5 = 30px */ 字号不要用绝对值,用相对单位便于维护。 font-size: 125% /* 假设父级的字号是 阅读全文
posted @ 2020-05-27 13:13 见嘉于世 阅读(232) 评论(0) 推荐(0) 编辑