/** 字体和文本样式 **/
p{ font-size: 16px; } /* 文本大小 */
p{ color: #333; } /* 文本颜色 */
p{ font-family: 'Arial', sans-serif; } /* 字体 */
/** 背景和边框样式 **/
p{ background-color: #fff; } /* 背景颜色 */
p{ border: 1px solid #ccc; } /* 边框 */
/** 布局和尺寸样式 **/
p{ width: 50%; } /* 宽度 */
p{ height: 100px; } /* 高度 */
p{ margin-bottom: 20px; } /* 底部边距 */
p{ text-align: center; } /* 水平对齐 */
/** 鼠标悬停效果 **/
p:hover{ color: #f00; } /* 文本颜色变红 */
/** 点击效果/动画 **/
p:active{ color: #00f; } /* 文本颜色变蓝 */
p{ transition: all 0.5s; } /* 长度变化动画 */除了以上列举的样式以外，CSS还能够实现很多精彩的功能。例如，通过CSS可以实现响应式设计，让网页布局随设备尺寸自适应；还可以通过CSS动画制作精彩的交互效果，让网页更加生动。相信在接下来的学习过程中，你会逐渐了解到CSS语言的强大与灵活，从而掌握更多CSS技巧。