庞囧的博客

设置子项宽度，每一个值代表一列。如果子项自己有设置单独宽度，还是会以gird设置的为主，但子项单独设置大了多的会溢出。其实设置的宽度高度只是给子项加了一个套，可以简单的理解为子项外面套了一个设置了宽高的元素。设置子项宽度还可以用自动伸缩填充，如下说明左右各占1/4，中间占1/2。每个子项都对其垂直线的中间。值和flex布局一样。

文章目录预处理器安装编译方法ndoe端 (命令行)工具（GUI）语法变量可嵌套写法&连接写法@mixin混合（集合）@extend继承@import导入运算函数预处理器可理解为预处理器扩展了css语言，包含(变量、运算、函数、Mixin、逻辑判断的语法等等)，强化了css的编写方法，使css更易维护和扩展。比较主流的预处理器有Ssss和Less，个人认为sass比less稍微多些东西，所以学会使用sass再去使用less会很容易上手。sass和less的最大区别： sass基于ruby语言写

文章目录transition属性速度曲线使用例子animation属性动画方向使用例子二者区别transition属性transition-property // 过渡属性(默认值为all)transition-duration // 过渡持续时间(默认值为0s，可用ms)transiton-timing-function // 过渡函数/速度曲线(默认值为ease函数)transition-delay // 过渡延迟时间(默认值为0s)简写：transition: 样式属性 过渡时间 速

文章目录美化滚动条div大小由内容决定分割线文字多余...代替这 | 种 | 效果flex 左中布局三角箭头高斯模糊水平分割线按钮阴影遮罩扩大a标签的点击范围横向滚动条移动到盒子上方美化滚动条/*局部的----------------------------------------------*/.scroll_wrap{ overflow: scroll; height: 300px;}.scroll_wrap::-webkit-scrollbar { width: 6px; h

是的，我之前的回答中确实没有包括所有伪类选择器。用于选择处于特定状态的元素，其中有些是一些标签特有的，有些是通用的。这种对浏览器版本有一定要求的，就不记录了，大概率项目也是不能使用的。如果有多个元素里面有相同的css属性，可以一起提取出来，统一添加。通过元素的class名称选中，可以同时给多个元素附上统一样式。选择其父元素的倒数第n个指定类型的子元素。选择其父元素的最后一个指定类型的子元素。选择其父元素的第n个指定类型的子元素。选择其父元素的第一个指定类型的子元素。只选中父元素中有且仅有一个的子元素。

文章目录前言特点前置知识轴使用父级（容器）启动flex改变主轴方向 flex-direction设置主轴的排列方式 justify-content设置交叉轴的排列方式 align-items子项（伸缩项目）手动排序 order单独设置交叉轴的排列方式 align-seft前言这个css特性算是高频使用特性了，而且面试中有时候也会当作上机题，这时候就不会有代码提示了 >_<。特点在得不到父级高度的情况下也能将子级中心定位；脱离文档流的子级也能作用到；子级自动转换成行内块级元素；子级

题目后缀表示本人遇到的频率（高/低）

题目后缀表示本人遇到的频率（高/低）置换元素就是会根据标签属性来显示的元素，例如内置宽高属性，反之是非置换元素。例如他们虽然是行内元素但也是置换元素。块级元素：display为block/table；独占一行，有等；内联元素：display为inline/inline-block；不会独占一行，有等；inline的元素无法设置宽高和padding；