logo头像

总有人间一两风,填我十万八千梦

CSS

CSS深入理解之line-height

CSS深入理解之line-height

1. baseline 与 line-height两条 baseline 之间的距离即为行高(不同的字体所在位置不同,可能偏离基线) 2. 行内框盒子模型一共有 4 种模型: 内容区域(content area),是一种围绕文字...

CSS深入理解之vertical-align

CSS深入理解之vertical-align

1. vertical-align 支持的属性值 线类:baseline,top,middle,bottom 文本类:text-top,text-bottom 上标下标类:sub,super 数值百分比类:20px,2em,20%,…...

CSS深入理解之relative

CSS深入理解之relative

1. relative 和 absolute 的相煎关系 限制 left / top / right / bottom 定位; 限制 z-index 层级:relative 中的 absolute 层级不起作用,只看 relative...

CSS深入理解之z-index

CSS深入理解之z-index

1. z-index 基础z-index 含义z-index 属性指定了元素及其子元素的 [z顺序],而 [z顺序] 可以决定当元素发生覆盖的时候,哪个元素在上面.通常一个较大 z-index 值的元素会覆盖较低的那一个 属性值 au...

CSS深入理解之margin

CSS深入理解之margin

1. margin 与容器的尺寸 适用于没有设定 width / height 的普通 block 水平元素(float 元素,absolute / fixed 元素,inline 水平,table-cell 元素虽然 block 化...

CSS深入理解之padding

CSS深入理解之padding

1. padding 和元素尺寸的关系对于 block 水平元素 padding 太大时,一定会影响尺寸 width 非 auto,padding 影响尺寸 width 为 auto 或 box-sizing 为 border-box...

读书笔记-精彩绝伦的CSS

读书笔记-精彩绝伦的CSS

1. 特殊性特殊性是一个选择器“特殊程度”的数字表示,有 3 样东西经常被用来确定选择器的特殊性: 每个元素描述符贡献 0,0,0,1; 每个类、伪类或者属性描述符贡献 0,0,1,0; 每个 ID 描述符贡献 0,1,0,0. ...