首页
AI Coding
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
css技巧
砂糖小刀
创建于2021-09-28
订阅专栏
关于css使用的技巧和页面常用效果
暂无订阅
共6篇文章
创建于2021-09-28
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
css技巧——结构与布局
自适应内部元素 不给元素指定高度,它就会自适应其内容的高度,如果希望宽度也具有类似的行为,可以这样做 min-content这个关键字将解析为这个容器内部最大的不可断行元素的宽度,这正是我们想要的效果
css技巧——视觉效果
单侧投影 顾名思义,只需要一侧有投影,使用box-shadow的第四个长度参数——扩张半径 原理是这个值会根据指定的值去扩大或者缩小投影的尺寸,如果给一个负的扩张半径,它的值正好等于模糊半径,那么投影
css技巧——形状
自适应的椭圆 如果高宽相等,则显示为圆,不相等则根据比例显示为椭圆 border-radius可以更改边框的四角弧度,它还可以单独指定水平和垂直半径,假设有一个宽高为200px/150px的元素,那么
css技巧——边框
css边框的几个使用小技巧,利用裁切,描边,盒子阴影分别实现透明边框,多重边框,边框内圆角这几个效果
css技巧——背景
css背景使用的使用技巧,主要介绍关于渐变linear-gradient的使用,实现老式信封边框和蚂蚁行军框的效果
css技巧——减少代码重复
将未来可能发生变动的值更改为动态的可以有效增加可维护性,例如使用变量,或者百分比单位,em,rem等