zhcn 编程语言 Web相关 JSON 非公開: CSS语法规则

CSS语法规则

CSS 样式由一组规则组成,这些规则由 Web 浏览器解析并应用于 HTML 文档中的相应元素。 CSS 样式规则由三部分组成:选择器、属性和值。

  • 选择器:由 HTML 元素的 id、class 属性或元素名称本身以及一些用于指定定义样式的 HTML 元素的特殊符号组成,例如选择器p ,它定义了样式,表示所有<p>标签。在页面中。
  • 属性:要在 HTML 元素上设置的样式名称,由一组关键字组成,例如颜色、边框、字体等。 CSS提供了很多属性,可以在W3C官方网站上查看。
  • 值:由数字和单位或关键字组成,用于控制特定属性的显示效果。例如,颜色属性的值为红色或#F1F1F1。

您可以根据下图所示的语法规则定义 CSS 样式。

[标题id =“attachment_367”对齐=“aligncenter”宽度=“300”] CSS语法 [/标题]
图表:CSS 语法

从上图中可以看出,CSS 语法规则需要一个冒号:来分隔属性和值。每个属性-值组合都可以被视为一个语句,并且每个语句都需要一个尾随分号;选择器必须用大括号{ }括起来。

在上面的示例语法中:

  • 选择器 h1 旨在定义网页中所有<h1>标签的样式。
  • 属性color表示字体颜色,值blue表示字体设置为蓝色。
  • 属性text-align表示文本对齐方式,取值center表示文本对齐方式设置为居中。

为了使 CSS 更易于阅读,在定义 CSS 时,每行代码只能放置一个声明,如下所示:

 
h1 {
    color: blue;
    text-align: center;
} 

提示:CSS 属性和大多数值不区分大小写,但 CSS 选择器通常区分大小写,例如,类选择器 .itkiso 和 .ItKiso 代表两种不同的选择器。CSS 中有许多不同类型的“选择器”。 ,我们稍后将更详细地探讨。

CSS 样式由一组规则组成,这些规则由 Web 浏览器解析并应用于 HTML 文档中的相应元素。 CSS 样式规则由三部分组成:选择器、属性和值。

  • 选择器:由 HTML 元素的 id、class 属性或元素名称本身以及一些用于指定定义样式的 HTML 元素的特殊符号组成,例如选择器p ,它定义了样式,表示所有<p>标签。在页面中。
  • 属性:要在 HTML 元素上设置的样式名称,由一组关键字组成,例如颜色、边框、字体等。 CSS提供了很多属性,可以在W3C官方网站上查看。
  • 值:由数字和单位或关键字组成,用于控制特定属性的显示效果。例如,颜色属性的值为红色或#F1F1F1。

您可以根据下图所示的语法规则定义 CSS 样式。

[标题id =“attachment_367”对齐=“aligncenter”宽度=“300”] CSS语法 [/标题]
图表:CSS 语法

从上图中可以看出,CSS 语法规则需要一个冒号:来分隔属性和值。每个属性-值组合都可以被视为一个语句,并且每个语句都需要一个尾随分号;选择器必须用大括号{ }括起来。

在上面的示例语法中:

  • 选择器 h1 旨在定义网页中所有<h1>标签的样式。
  • 属性color表示字体颜色,值blue表示字体设置为蓝色。
  • 属性text-align表示文本对齐方式,取值center表示文本对齐方式设置为居中。

为了使 CSS 更易于阅读,在定义 CSS 时,每行代码只能放置一个声明,如下所示:

 
h1 {
    color: blue;
    text-align: center;
} 

提示:CSS 属性和大多数值不区分大小写,但 CSS 选择器通常区分大小写,例如,类选择器 .itkiso 和 .ItKiso 代表两种不同的选择器。CSS 中有许多不同类型的“选择器”。 ,我们稍后将更详细地探讨。