/* 文本样式 */
/* 修改文字颜色 */
color: #fff;
/* 修改文字大小 */
font-size: 16px;
/* 文字加粗 */
font-weight: bold;
/* 文字斜体 */
font-style: italic;
/* 整体文字阴影 */
text-shadow: 1px 1px #000;
/* 行高与字间距 */
line-height: 1.5;
letter-spacing: 2px;
/* 背景样式 */
/* 修改背景颜色 */
background-color: #f0f;
/* 修改背景图片 */
background-image: url('example.jpg');
/* 背景重复方式 */
background-repeat: repeat;
/* 背景位置 */
background-position: 50% 50%;
/* 背景尺寸 */
background-size: cover;
/* 边框样式 */
/* 边框粗细 */
border-width: 2px;
/* 边框样式 */
border-style: solid;
/* 边框颜色 */
border-color: #000;
/* 圆角 */
border-radius: 50%;
/* 盒子模型 */
/* 宽度与高度 */
width: 200px;
height: 100px;
/* 内边距 */
padding: 20px;
/* 外边距 */
margin: 20px;
/* 浮动 */
float: left;
/* 清除浮动 */
clear: both;
/* 透明度 */
opacity: 0.5;
/* 过渡与动画 */
/* 过渡效果 */
transition: all 1s;
/* 动画名称 */
animation-name: example;
/* 动画持续时间 */
animation-duration: 2s;这些样式只是CSS3中的一部分，还有许许多多的样式可以使用。熟练掌握CSS3能够让网页设计更具有个性化和专业感。但也要注意不要过度使用样式，让页面过于花哨而影响用户体验。