虽然样式都是比较简单的 但是到用的时候就会想不起来 我这边列举一下常用的 加深下记忆
边框样式:
- border-radius:设置元素的圆角边框。
- box-shadow:为元素添加阴影效果。
- border-image:使用图像来定义边框的样式。
渐变背景:
- linear-gradient:创建线性渐变背景。
- radial-gradient:创建径向渐变背景。
文章来源:https://www.toymoban.com/news/detail-540151.html
文本效果:
- text-shadow:为文本添加阴影效果。
- text-overflow:控制文本溢出时的显示方式。
- word-wrap:控制长单词或URL的换行方式。
过渡效果:
- transition:为元素添加过渡效果,可以在属性变化时平滑过渡。
- transform:对元素进行旋转、缩放、倾斜或平移等变换操作。
动画效果:
- @keyframes:定义动画关键帧。
- animation:将动画应用到元素上,控制动画的持续时间、延迟等属性。
盒子模型:
- box-sizing:控制元素的盒子模型,可以设置为border-box或content-box。
- flexbox:使用弹性盒子布局来实现灵活的布局效果。
响应式设计:
- media queries:根据不同的设备或屏幕尺寸应用不同的样式。
- rem单位:使用相对于根元素的字体大小来定义尺寸,实现响应式布局。
当然 css3样式是很强大的 还有很多样式 这边只是列举几种大分类 文章来源地址https://www.toymoban.com/news/detail-540151.html
到了这里,关于CSS3样式分类:的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!