一、什么是CSS?
CSS 原文是Cascading Style Sheet,中文意思为“层叠样式表”,它是一种标准的样式表语言,用于描述网页的表现形式,比如网页的位置、颜色、大小等。CSS 不仅可以静态地修饰网页,还可以配合 JavaScript 动态地修改网页中元素的样式。
CSS特点,我总结了一下,如下:
二、CSS样式规则
CSS 样式规则由三个部分组成,分别是选择器、属性和值:
- 选择器:由 HTML 元素的 id、class 属性或元素名本身以及一些特殊符号构成,用来指定要为哪个 HTML 元素定义样式,例如选择器 p 就表示为页面中的所有
<p>
标签定义样式。 - 属性:由一系列关键词组成,例如 color(颜色)、border(边框)、font(字体)等。
- 值:由数值和单位或者关键字组成,用来控制某个属性的显示效果,例如 color 属性的值可以是 red 或 #F1F1F1 等。
注意:
- 在 CSS 的语法规则中,属性和值之间需要使用冒号
:
进行分隔,每个属性和值的组合可以看作一个声明,每个声明的末尾都需要使用分号;
作为结尾,属于同一选择器的声明需要使用花括号