首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
CSS
甘草倚半夏
创建于2021-05-18
订阅专栏
css相关知识汇总
等 2 人订阅
共8篇文章
创建于2021-05-18
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
CSS Grid 网格布局
采用网格布局的区域,称为"容器"(container)。 容器内部采用网格定位的子元素,称为"项目"(item)。 行和列的交叉区域,称为"单元格"(cell)。 正常情况下,n行和m列会产生n x m个单元格。比如,3行3列会产生9个单元格。 划分网格的线,称为"网格线"(g…
CSS伪类&伪元素
nth-child 根据元素在标记中的次序选择相应的元素首先找到所有当前元素的兄弟元素,然后按照位置先后顺序从1开始排序,选择的结果为
BFC (块级格式化上下文)详解
对于相对定位(relative positioning),position: relative,盒偏移位置由top、bottom、left、right属性定义。即使有偏移,仍然保留原有的位置,其它常规流不能占用这个位置。 1、内部的Box会在垂直方向,一个接一个地放置。(与常规…
SCSS+BEM
SCSS 描述一个人第一步:声明bem-mixins这样子我们就可以像下面的写法第二步:解决 case.1,b--m 内嵌 b__e将上下文转换成字符串并判断是否包含 -- 也就是 $modifier
SCSS
语法书写方式不同,Sass 是以严格的缩进式语法规则来书写,不带大括号({})和分号(;),而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。 Sass 支持两种不同的语法。两种语法可以互相加载。 (1)变量名使用中划线或下划线都是指向同一变量的。 (2)后定义的…
CSS 清空默认样式
--- theme: jzman --- ```css /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structu
BEM
BEM的关键是,可以获得更多的描述和更加清晰的结构,从其名字可以知道某个标记的含义。于是,通过查看 HTML 代码中的 class 属性,就能知道元素之间的关联。 - 中划线 :仅作为连字符使用,表示某个块或者某个子元素的多单词之间的连接记号。 block 代表了更高级别的抽象…
文字溢出部分显示为省略号
|normal|连续的空白符会被合并,换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要|| |nowrap|连续的空白符会被合并。但不允许换行|| |pre|连续的空白符会被保留。在遇到换行符或者<br>元素时才会换行|| |pre-…