css样式不仅可以控制 |css3 display flex

/* 控制文字排版 */
p {
font-size: 16px; /* 设置字体大小 */
color: #333; /* 设置字体颜色 */
line-height: 1.5; /* 设置行高 */
text-align: center; /* 设置文字居中 */
text-decoration: underline; /* 给字体添加下划线 */
}
/* 控制图片展现 */
img {
width: 400px; /* 设置图片的宽度 */
height: 200px; /* 设置图片的高度 */
border: 1px solid #ccc; /* 给图片添加边框 */
margin: 10px auto; /* 设置图片的外边距，以居中显示 */
}
/* 控制动画效果 */
div {
width: 100px; /* 设置元素的宽度 */
height: 100px; /* 设置元素的高度 */
position: relative; /* 设置元素相对定位 */
}
div:hover {
animation: move 2s ease-in-out infinite; /* 给元素添加动画效果 */
}
@keyframes move {
0% {
left: 0;
}
50% {
left: 300px;
}
100% {
left: 0;
}
}

通过上述示例代码，大家可以看到CSS样式可以控制文字排版、图片展现和动画效果等，极大地增强了网页的表现力和用户体验。