摘要:
隐藏的元素背景图片是否加载 ie8-ie11还是会发送请求 firefox不会 chrome和safari会判断父元素是否display也是none,如果是,则不发送请求。元素本身设置none,则发送请求 background-position 可以是具体数值,也可以是百分比值,还可以是 left、 阅读全文
摘要:
:first-letter 生效的前提 (1)display必须是block、inline-block、list-item、tablecell 或者 table-caption (2)字符前面不能有图片或者 inline-block/inline-table 之类的元素 存在 (3)能够被选中的元素 阅读全文
摘要:
text-indent 应用 (1)使用 text-indent 负值隐藏文本内容,例如网站标头 (2)使用text-indent的百分比值来实现宽度已知的内联子元素居中 letter-spacing 应用 (1)清除 inline-block 列表由于换行符或者空格产生的空白间隙,使我们的布局控制 阅读全文
摘要:
font-variant、font-stretch 和 font-featuresettings专门为英文设计 src 如果是使用系统安装字体, 则使用 local()功能符;如果是使用外链字体,则使用 url()功能符 font-weight:normal 和 font-style:normal, 阅读全文
摘要:
[ [ font-style || font-variant || font-weight ]? font-size [ / line-height ]? font-family ] font-size 和 font-family 这两个属性需要同时存在 注意 font中如果未声命line-heig 阅读全文
摘要:
font-weight:400 == font-weight:normal font-weight:700 == font-weight:bold lighter和border的解析规则 平时使用的300,400,500时没有显著变化的原因,是缺乏对应字重的字体 font-style 在实际开发的 阅读全文
摘要:
font-family font-family支持字体族及字体名。如果字体名包含空格,需要使用引号包起来。如'Microsoft Yahei'(无衬线字体) 等宽字体的实践价值 等宽字体利于代码呈现 ch单位与等宽字体布局 和 ch 相关的字符是 0,没 错,就是阿拉伯数字 0。1ch 表示一个 0 阅读全文
摘要:
line-height 的数值属性值和 百分比值属性值都是相对于 font-size ex是x字符的高度 em 在 CSS 中,1em 的计算值等同于当前元素所在的 font-size 计算值,可以将 其想象成当前元素中(如果有)汉字的高度 rem root em CSS3单位 ie9上支持 使用s 阅读全文
摘要:
z-index影响的是定位元素及flex盒子的孩子元素 层叠优先级 层叠准则 (1)z-index大的在上 (2)同一层级下,后者覆盖前者 层叠上下文 (1)页面根元素是根层叠上下文 (2)对于position为absolute/relative以及firefox下position为fixed的元素 阅读全文