CSS(层叠样式表)是一种用于描述和控制Web页面呈现的样式表语言。它提供了多种语法,用于指定页面元素的外观和布局。
外部样式表
外部样式表是存储在单独文件中并通过标签添加到HTML页面的CSS代码。这种语法允许您更新和维护样式,而不必更改每个HTML页面。
<link rel="stylesheet" href="style.css">
内部样式表
内部样式表直接嵌入到HTML文档中,位于元素内。此语法可用于快速定义小块样式,但对于大型或复杂的样式可能不实用。
<style>
body {
font-family: Arial;
font-size: 16px;
}
</style>
行内样式
行内样式是直接应用于特定HTML元素的CSS代码。这种语法允许您对单个元素进行快速而简单的样式更改,但对于应用于多个元素的样式可能不方便。
<p style="color: red">This is red text.</p>
选择器语法
选择器语法用于指定要应用样式的HTML元素。CSS提供了多种选择器类型,包括:
元素选择器:选择特定元素类型
ID选择器:选择具有特定ID属性的元素
类选择器:选择具有特定类属性的元素
通用选择器:选择所有元素
属性语法
属性语法用于指定元素的特定样式。每个CSS属性都有一个名称(如color
或font-size
)和一个值(如red
或16px
)。属性语法如下所示:
element {
property: value;
}