css
文章平均质量分 73
css的一些相关知识
独坐空山后
努力成为前端大佬的打工仔
展开
-
css小技巧
一、移动端文字水平垂直对齐 justify-content: center; align-items: center; 二、单行文本省略号表示 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 三、多行文本省略号表示 overflow: hidden; display: -webkit-box; -webkit-...原创 2020-04-30 21:34:07 · 126 阅读 · 0 评论 -
更方便的css预处理器 --- less 详解
一、原生CSS 1、原生CSS变量使用 定义变量:--变量名=参数 变量使用:var(--变量名) .d1 { /* 定义变量 */ --bgColor: red; /* 使用变量 */ background-color: var(--bgColor); } 2、原生CSS默认变量参数 css变量的默认参数,var(变量, 默认参数) 如果传递了参数, 就使用你的参数 如果没有传递参数,就使用 默认的参数 .d1 { background-color: var(--b原创 2020-05-20 13:58:12 · 870 阅读 · 0 评论 -
flex布局
一、flex概叙 flex :弹性布局 ** 为父盒子设为flex后,子元素的 float、clear 和 vertical-align失效** display: flex flex的主轴和侧轴不同,主轴X轴,侧轴就为Y轴 二、flex布局常见父项属性 1、设置主轴方向:flex-direction 元素是跟着主轴排列的,这个就可以改变元素的排列方式 主轴设为 X 轴 flex-...原创 2020-04-30 21:32:19 · 200 阅读 · 0 评论