摘要: 书本介绍 书名:《CSS 揭秘》,英文名《CSS Secrets: Better Solutions to Everyday Web Design Problems》 作者:[希]Lea Verou, 译:CSS魔法 思维导图 阅读全文
posted @ 2021-04-19 21:59 sanhuamao 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 本章例子:https://codepen.io/sanhuamao1/pen/YzNOZqY 1 透明边框 你可能会这样写: border: 10px solid hsla(0,0%,100%,.5); background: white; 然而,半透明白色边框处透出了自己的纯白实色背景,而并没有半 阅读全文
posted @ 2021-04-19 15:24 sanhuamao 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 本章例子:https://codepen.io/sanhuamao1/pen/eYgLvYm 减少重复代码 更改大小 font-size: 20px; line-height: 30px; padding: 6px 16px; 改进:(1)将需要同步改变大小的属性值单位用相对属性代替,如em。这时大 阅读全文
posted @ 2021-04-19 12:20 sanhuamao 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 检查属性是否存在 var root = document.documentElement; if ('textShadow' in root.style) { root.classList.add('textshadow'); }else { root.classList.add('no-texts 阅读全文
posted @ 2021-04-19 10:23 sanhuamao 阅读(137) 评论(0) 推荐(0) 编辑