CSS

采用网格布局的区域，称为"容器"（container）。 容器内部采用网格定位的子元素，称为"项目"（item）。 行和列的交叉区域，称为"单元格"（cell）。 正常情况下，n行和m列会产生n x m个单元格。比如，3行3列会产生9个单元格。 划分网格的线，称为"网格线"（g…

nth-child 根据元素在标记中的次序选择相应的元素首先找到所有当前元素的兄弟元素，然后按照位置先后顺序从1开始排序，选择的结果为

对于相对定位(relative positioning)，position: relative，盒偏移位置由top、bottom、left、right属性定义。即使有偏移，仍然保留原有的位置，其它常规流不能占用这个位置。 1、内部的Box会在垂直方向，一个接一个地放置。（与常规…

SCSS 描述一个人第一步：声明bem-mixins这样子我们就可以像下面的写法第二步：解决 case.1，b--m 内嵌 b__e将上下文转换成字符串并判断是否包含 -- 也就是 $modifier

语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。 Sass 支持两种不同的语法。两种语法可以互相加载。 （1）变量名使用中划线或下划线都是指向同一变量的。 （2）后定义的…

--- theme: jzman --- ```css /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structu

BEM的关键是，可以获得更多的描述和更加清晰的结构，从其名字可以知道某个标记的含义。于是，通过查看 HTML 代码中的 class 属性，就能知道元素之间的关联。 - 中划线 ：仅作为连字符使用，表示某个块或者某个子元素的多单词之间的连接记号。 block 代表了更高级别的抽象…

|normal|连续的空白符会被合并，换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要|| |nowrap|连续的空白符会被合并。但不允许换行|| |pre|连续的空白符会被保留。在遇到换行符或者<br>元素时才会换行|| |pre-…