css排版常用样式有哪些 |css3画画

/* 设置字体 */
font-family: "Roboto", sans-serif;
font-size: 16px;
/* 设置文字颜色 */
color: #333;
/* 设置行高 */
line-height: 1.5;
/* 设置段落间距 */
margin-bottom: 20px;
margin-top: 20px;
/* 设置段落首行缩进 */
text-indent: 2em;
/* 设置文本对齐方式 */
text-align: center;
/* 设置水平垂直居中 */
display: flex;
align-items: center;
justify-content: center;
/* 设置列表样式 */
list-style-type: disc; /* 圆点 */
list-style-type: square; /* 方块 */
/* 设置图片显示方式 */
display: block;
margin: 0 auto;
width: 100%;
height: auto;
/* 设置边框 */
border: 1px solid #ccc;
border-radius: 10px;
/* 设置阴影效果 */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
/* 设置背景颜色 */
background-color: #f5f5f5;

以上是常用的CSS排版样式，通过合理地运用这些样式可以使网页看起来更加美观、易读、易用。