学习CSS语法——层叠样式表

257 阅读2分钟

CSS是层叠样式表的简称,是一种网络造型语言,用于对用HTML或XML编写的网页进行造型和结构设计。它定义了不同的HTML元素,如标题或段落在屏幕上的显示方式。

像其他网络风格语言一样,CSS也遵循某些规则,定义元素和属性的排列。CSS的语法如下。

语法在下表中有解释。

CSS元素描述
选择器它选择了一个你想要样式的HTML元素。
声明块它由多个声明组成,这些声明a由分号分隔。
属性属性指的是一个HTML标签的属性,如颜色、字体等。
值被分配给属性。

现在有多种类型的选择器,解释如下。

1.通用选择器

顾名思义,通用选择器是用来选择HTML页面的所有元素。它用一个星号(*)表示。比如说

* {
         font-color:blue;
         text-align:center;
  }

2.元素选择器

选择器是用来根据HTML元素的名称来选择它们。像这样。

h {
  text-align: left;
  color: blue;
}

3.ID选择器

你可以根据HTML元素的id属性来确定其样式。例如,下面这个**id="head1 "**的元素被样式化了。

#head1 {                
  text-align: left;
  color: blue;
}

4.类选择器

类选择器根据一个特定的类属性对一个HTML元素进行造型。为了选择一个HTML元素,我们使用点,然后是类的名称。

.box {
  text-align: center;
  color: red;
}

5.分组选择器

分组选择器是用来选择所有我们想以类似方式进行样式的HTML元素。比如说

h1, h2, p {
  text-align: center;
  color: red;
  font-weight: normal;
}

结论

层叠样式表(Cascading style sheets)又称CSS,是一种造型语言,用于对使用HTML和XML等标记语言编写的文档进行造型。对于HTML元素的样式,我们必须遵循一套CSS规则/语法。按照CSS语法,我们使用一些选择器来选择特定的HTML元素,然后给属性分配某些值来设计这些HTML元素。在本教程中,我们学习了基本的CSS语法和它的选择器,事实证明这些选择器对HTML元素的造型非常有用。