CSS基本语法

CSS（层叠样式表）是用于描述网页外观和格式的样式表语言。通过CSS，可以控制网页的布局、颜色、字体等元素的展示效果。CSS样式通过选择器应用到HTML元素上，以下是一些常见的CSS基本语法：

-选择器：选择器用于指定哪些HTML元素应用CSS样式。例如，h1选择器用于选择所有的<h1>标签。

-声明：声明由属性和值组成。属性指定要修改的样式，值指定该属性的具体表现形式。例如，color:red;中，color是属性，red是值。

-规则集：规则集由选择器和声明组成。例如：

h1{
color:red;
font-size:24px;
}

这个规则集将所有<h1>元素的字体颜色设置为红色，字体大小设置为24px。

-常见属性：

-color：设置文本颜色。

-font-size：设置字体大小。

-background-color：设置背景颜色。

-margin：设置元素外边距。

-padding：设置元素内边距。

-border：设置边框样式。

-CSS样式表的类型：

-内联样式：直接在HTML元素中使用style属性定义样式。

<h2style="color:red;font-size:24px;">标题</h2>

-内部样式表：在HTML文档的<head>部分通过<style>标签定义样式。

<style>
h1{
color:red;
font-size:24px;
}
</style>

-外部样式表：通过<link>标签将外部CSS文件与HTML页面关联。

<link rel="stylesheet"href="styles.css">

在外部的styles.css文件中定义样式规则：

h1{
color:red;
font-size:24px;
}

-层叠规则：多个CSS规则可能会作用于同一个元素，CSS的层叠规则决定了哪个样式最终应用。优先级从高到低依次为：内联样式>内部样式表>外部样式表。若有多个规则优先级相同，则最后定义的规则生效。

通过合理的选择器和样式，CSS可以帮助设计出符合需求的网页布局和样式。