/* CSS样式表 */ body{ background-color: #f2f2f2; font-family: Arial, sans-serif; font-size: 16px; } p{ color: #333333; line-height: 1.5; margin-bottom: 20px; } a:hover{ color: #ff6600; text-decoration: none; }
在CSS中,样式分为三种:内嵌样式(在HTML标记中使用style属性写在标签内的样式)、嵌入样式(写在head标签之间的样式)和外部样式(写在独立的CSS样式表文件中)。为了方便维护,外部样式表是最常用的一种形式。
层叠样式表的“层叠”体现在样式的优先级上,通过特定的规则来决定哪个样式更优先应用。这些规则是:样式来源(内嵌样式、嵌入样式、外部样式)和选择器的特定性(ID选择器、类选择器、元素选择器等)。除此之外,还可以通过!important来强制应用某个样式。
除了能够控制页面的外观,CSS还支持一些高级特性,如响应式布局、动画效果、字体引入等。通过合理运用CSS,大家可以打造出更出色的网页。