在网页设计中，CSS是页面排版的重要工具之一。以下是CSS基本原则。

1. 分离内容与样式

标题
这是一段文本。

样式应该通过外部的CSS文件引入，以便于网页内容的修改。

2. 选择合适的选择器

html {
font-size: 16px;
}
h1 {
font-size: 24px;
}
p {
line-height: 1.5;
}

合适的选择器可以减少CSS代码量，提高代码的可读性。

3. 使用语义化标签

Logo

语义化标签可以优化网页结构，提高搜索引擎优化（SEO）。

4. 优先级规则

/* 选择器越具体优先级越高 */
p {
background-color: red;
}
body p {
background-color: blue;
}

当多个CSS规则应用于同一个元素时，优先级规则可以帮助你确定哪一个CSS规则应用于该元素。

5. 避免嵌套过深

.container .box .content p {
color: red;
}

深层次的嵌套会增加CSS代码量，使代码难以维护。

总结

以上是CSS基本原则，遵循这些原则可以帮助你提高网页的质量和可维护性。