首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
CSS相关
WebGirl
创建于2023-01-30
订阅专栏
CSS相关技术点
暂无订阅
共8篇文章
创建于2023-01-30
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
管理系统菜单 折叠展开基本思路
利用CSS样式,添加移除class名,来处理CSS样式,即改变菜单宽度并对应添加相应的过渡效果。 下面代码就是通过切换class mini-bar,来改变nav的宽度,同时为菜单width添加过渡效果
node-sass更换为dart-sass
`dart-sass` 和 `node-sass`都是用来将`sass`编译成`css`的工具,所以都依赖`sass-loader`。
grid布局
Grid布局是将容器划分成“行”和“列”,产生单元格,然后指定“项目所在”的单元格,可以看作是二维布局,设置 css的 display:grid 或 display:inline-grid ,都可以将
样式穿透
什么是样式穿透 当我们在vue项目中引用到第三方组件时,比如element-ui,常常需要更改某些元素的样式,但如果使用常规的css样式覆盖的方式是经常无效的,那么我们就要用到“样式穿透”的方法。
css中的float属性
float,顾名思义就是浮动,设置了float属性的元素会根据属性值向左或向右浮动,我们称设置了float属性的元素为浮动元素。 浮动元素会从普通文档流中脱离,但浮动元素影响的不仅是自己,它会影响周围
CSS单位
css中px、em、rem、%、vw、vh、vm、rpx 这些单位的区别,最全面CSS单位。 px:像素 相对长度单位,相对于显示器屏幕分辨率(推荐使用) em:相对单位,基准点为父节点字体的大小,如
flex布局
Flex是`Flexible Box`的缩写 flex布局表示弹性布局,可以为盒状模型提供最大的灵活性。
css3绘制半圆、三角形等图形
css3绘制半圆的方法: 1、利用border-radius属性实现,只需要将相邻两个角的值设置为宽/高度的一半,另两个角设置为0即可。 每个半径的四个值的顺序是:左上角,右上角,右下角,左下角。如果