css 格式化网页 |css手机端菜单栏

body {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
}
header {
background-color: #333;
color: #fff;
padding: 10px 30px;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
height: 60px;
}
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
nav li {
margin-right: 20px;
}
nav a {
color: #fff;
text-decoration: none;
}
.main {
margin: 20px 100px;
}
h2 {
font-size: 28px;
color: #333;
}
p {
font-size: 18px;
line-height: 1.5;
margin-bottom: 20px;
}

上面是一个简单的CSS代码示例，其中定义了网页的主体结构和基本样式。大家可以看到，通过CSS的样式定义，大家可以为不同的HTML元素设置不同的样式属性。这样，在开发过程中，大家就能够更加灵活地控制网页的外观与交互效果。

另外，为了让CSS代码更加清晰易读，大家也可以使用诸如注释、缩进等格式化技巧，来提高代码的可维护性。

总体来说，CSS的功能十分强大，还有很多高级特性可以探索，学习CSS对网页开发者来说是一个必不可少的技能。