随笔分类 - 🙌CSS速刷
摘要：预处理器是什么？ less Sass 预处理器有啥功能？ 嵌套，反映了层级和约束 变量和计算，减少了重复代码 Extend和Mixin代码片段，就像具备同一个功能的函数。 循环，适用于复杂有规律的样式 import CSS文件模块化 1. less嵌套 Node写的，通过npm发布。 &:同一层级
阅读全文
摘要：作用：引起注意、愉悦感、反馈、掩饰（加载过程） transition动画 补间动画，中间过程可以计算出来。 transition: width 1s:意味动画属性是width，动画时间是1秒。 delay： 动画延迟几秒再开始 transition-timing-function 缓动函数: 可以自
阅读全文
摘要：box-shadow 阴影 👇 text-shadow 立体感，印刷品质感 border-radius 圆形：半径设为50% 像素、百分比... background 多背景叠加、纹理、图案、渐变、雪碧图动画、背景图尺寸适应 background-position: center(横向居中) to
阅读全文
摘要：常用布局方法： table表格布局 float浮动 + margin inline-block布局 flexbox布局 1. 表格布局 很久以前广泛使用，现在用的比较少。文字会自动垂直居中，左右两个布局，缩短左边的宽度右边宽度会自动增加。 还可以用长得像表格的 div实现： display：tabl
阅读全文
摘要：全称：Cascading Style Sheet 2. 选择器 选择器 { 属性：值； 属性：值； } 选择器用于匹配HTML元素，有不同的匹配规则，多个选择器可以叠加。 浏览器解析CSS选择器方式和我们写选择器的方式是相反的：从右往左 选择器分类 伪元素（双冒号）是真实存在的元素，可以被显示出来的
阅读全文
摘要：HTML常见元素 <meta name="viewport">视口,默认像素980px。适配移动端。 HTML版本对比 HTML元素分类 按默认样式分：块级block（div、p）、行内/内联inline（span）、inline-block（select） 按内容分： *4. 嵌套关系 块级元素可
阅读全文
