在css编程中一些非常好用的小技巧,让你写代码时不再挠头
1. 自适应图片
这可以确保图片在其容器中自适应缩放,而不会超出容器的宽度。
2. 居中对齐
水平和垂直居中(Flexbox):
水平居中(文本):
3. 创建圆形元素
将border-radius
设置为50%
来创建圆形元素。
4. 文本阴影
创建文本阴影效果,提高文本的可读性和视觉效果。
5. 渐变背景
使用linear-gradient
创建渐变背景,可以调整颜色和方向。
6. 隐藏滚动条
隐藏滚动条,同时仍保留滚动功能。
7. CSS变量
使用CSS变量(自定义属性)来统一和管理颜色、间距等常量值。
8. 过渡效果
transition
用于平滑地过渡属性变化,实现动态效果。