[分享]css3所有属性吗

CSS3（Cascading Style Sheets 3）是CSS的升级版本，它引入了许多新的属性和功能来实现更加丰富的样式效果。下面介绍一些CSS3的常用属性。 文本属性： textshadow：...

CSS3（Cascading Style Sheets 3）是CSS的升级版本，它引入了许多新的属性和功能来实现更加丰富的样式效果。下面介绍一些CSS3的常用属性。

<p>文本属性：</p>
text-shadow：设置文本阴影；
word-wrap：允许长单词或 URL 换行；
word-break：控制是否在单词内部换行。
<br>
<p>颜色属性：</p>
opacity：设置元素的不透明度；
rgba：定义颜色，其中 a 表示透明度；
hsla：定义颜色，其中 h 表示色相、s 表示饱和度、l 表示亮度，a 表示透明度。
<br>
<p>边框属性：</p>
border-radius：设置圆角；
box-shadow：设置盒子阴影；
border-image：设置边框图片。
<br>
<p>背景属性：</p>
background-size：设置背景图片大小；
background-clip：设置背景裁剪；
background-origin：设置背景位置。
<br>
<p>渐变属性：</p>
linear-gradient：线性渐变；
radial-gradient：径向渐变；
repeating-linear-gradient：重复线性渐变；
repeating-radial-gradient：重复径向渐变。
<br>
<p>动画属性：</p>
animation：设置动画；
transition：设置过渡效果。
<br>
<p>布局属性：</p>
flexbox：弹性盒子布局；
grid：网格布局。
<br>
<p>响应式属性：</p>
media query：用于根据设备的不同特点设置样式。
<br>
<p>字体属性：</p>
font-face：添加外部字体；
text-overflow：设置内容溢出时如何截断和显示。
<br>
<p>总体属性：</p>
appearance：控制元素的外盒呈现方式；
outline-offset：定义轮廓边框的偏移量；
box-sizing：设置宽高是否包括内边距和边框；
transform：定义元素在二维或三维空间中的变换。
<br>
<p>以上是CSS3的一些常用属性，掌握这些属性能够轻松实现炫酷的样式效果。</p>