引言
在网页设计和开发中，CSS（层叠样式表）扮演着至关重要的角色。它不仅能够使网页内容更加美观，还能够提升用户体验。本文将为您提供一个轻松入门的指南，帮助您掌握CSS格式设置的基础知识。
一、CSS基础
1.1 什么是CSS？
CSS是一种用于描述HTML或XML文档样式的样式表语言。它能够控制网页的字体、颜色、布局等外观特性。
1.2 CSS的语法
CSS的基本语法包括选择器和声明。选择器用于指定要应用样式的HTML元素，声明则包含具体的样式属性和值。
选择器 {
属性1: 值1;
属性2: 值2;
…
}
二、常用CSS标签
2.1 文本格式
字体大小
：
font-size: 16px;
字体样式
：
font-style: italic;
字体粗细
：
font-weight: bold;
文本颜色
：
color: #000000;
2.2 文本对齐
文本居左
：
text-align: left;
文本居中
：
text-align: center;
文本居右
：
text-align: right;
2.3 文本修饰
删除线
：
text-decoration: line-through;
下划线
：
text-decoration: underline;
无修饰
：
text-decoration: none;
2.4 字间距和行间距
字间距
：
letter-spacing: 2px;
行间距
：
line-height: 1.5;
三、常用CSS选择器
3.1 标签选择器
p {
font-size: 16px;
}
3.2 类选择器
.special {
color: red;
}
3.3 ID选择器
#header {
background-color: #f1f1f1;
}
3.4 伪类选择器
a:hover {
color: blue;
}
四、CSS布局
4.1 盒模型
CSS盒模型包括内容（content）、内边距（padding）、边框（border）和边距（margin）。
内容宽度
：
width: 100px;
内容高度
：
height: 100px;
内边距
：
padding: 10px;
边框
：
border: 1px solid black;
边距
：
margin: 10px;
4.2 流式布局
使用CSS可以实现流式布局，使内容自适应容器宽度。
.container {
width: 100%;
}
4.3 弹性布局
CSS Flexbox布局是一种响应式布局方式，可以方便地实现水平或垂直方向的布局。
.container {
display: flex;
}
.item {
flex: 1;
}
五、总结
通过本文的学习，您应该已经掌握了CSS格式设置的基础知识。在实际应用中，您可以根据自己的需求，灵活运用各种CSS属性和选择器，打造出美观、实用的网页效果。祝您学习愉快！