css网站

/* 示例代码：一个简单的 CSS 网站布局 */

/* 设置全局样式 */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

/* 导航栏样式 */
nav {
    background-color: #333;
    color: white;
    padding: 15px;
}

nav a {
    color: white;
    text-decoration: none;
    margin-right: 15px;
}

/* 主体内容样式 */
main {
    padding: 20px;
}

/* 文章样式 */
article {
    background-color: #f4f4f4;
    padding: 15px;
    margin-bottom: 15px;
}

/* 页脚样式 */
footer {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 10px;
}

/* 解释说明：
- body: 设置了全局字体和边距，确保页面整洁。
- nav: 导航栏的背景颜色、文字颜色和内边距。
- main: 主体内容的内边距。
- article: 文章的背景颜色、内边距和外边距。
- footer: 页脚的背景颜色、文字颜色、对齐方式和内边距。
*/