/* 这是一个CSS样式的示例 */ body { font-family: Arial, Helvetica, sans-serif; background-color: #f2f2f2; } #header { background-color: #333; color: #fff; padding: 10px; } #nav { background-color: #444; color: #fff; padding: 10px; } #nav a { color: #fff; text-decoration: none; margin-right: 20px; } #content { background-color: #fff; padding: 10px; } #footer { background-color: #ddd; color: #333; text-align: center; padding: 10px; }
上述代码中,大家使用了一些CSS属性来定义样式。在这里,大家只对其中几个属性进行说明:
- font-family:定义字体;
- background-color:定义背景色;
- color:定义文本颜色;
- padding:定义内边距;
- text-decoration:定义文本装饰(如下划线、删除线等);
在实际使用中,大家可以将CSS代码写在一个单独的样式表中,然后在HTML文件中引入它。这样,不仅可以提高代码的可维护性,还可以使多个页面共享同一个样式。
CSS的学习需要不断地实践和探索,只有在实际应用中,大家才能更好地理解它的作用和用法。