//示例1:给元素添加样式 p { color: red; //设置文本颜色为红色 font-size: 16px; //设置字体大小为16像素 } //示例2:控制页面布局 .container { display: flex; //使用Flex布局 justify-content: center; //将元素水平居中 } //示例3:实现动态效果 .button:hover { background-color: blue; //当鼠标悬停时,背景变成蓝色 color: white; //文本颜色变成白色 }
通过CSS,可以让网页看起来更加美观、有序、规范化。同时,使用CSS可以方便地实现响应式设计和动态效果,为网页带来更好的用户体验和交互性。因此,掌握CSS技术对于网页设计和开发来说是非常重要的。