与HTML 一样,CSS 也不是真正的编程语言,甚至连标记语言都不是。
CSS是层叠样式列表。单纯采用HTML制作的网页就像毛坯房一样,不美观;而使用CSS能使网页变得更加美观。CSS不止有美观的作用,它还能与HTML分离开来,保存为独立的文件。CSS的“闹独立”可使代码保持一致性,也使编程人员能更好的控制代码量。
CSS的两个重点:一是选择器。二是样式。
CSS的选择器就像化妆盒。它告诉浏览器选择哪个标签美化。
CSS的样式就像化妆盒中的眼影、腮红、口红等。它告诉浏览器要把网页美化成什么样子。好比女孩儿化妆的效果,烟熏妆、桃花妆、OL妆等等。
以上元素是CSS的规则集。它由以下几个部分构成:
● 选择器:HTML 元素的名称位于规则集开始(本例是标签选择器 )。HTML 元素可选择一个或多个样式添加。给不同元素添加样式只需更改选择器即可。
● 声明:表示一个单独的规则。由属性和属性值组成。
● 属性:表示改变 HTML 元素样式的途径。本例中color就是改变
元素字体颜色的途径。
● 属性的值:它从指定属性的众多外观中选择了一个值。本例中,red就是color的值。颜色种类成千上万,除了red外,color的值还可以有yellow, pink, black等等。
注意
● 除了选择器的部分,每个规则集都应该包含在一对的大括号里:{ }。
● 在每个声明里要用冒号将属性与属性值分隔开。
● 在每个规则集里要用分号将多个声明分隔开:
也可利用CSS选择多个元素,将其同时修改成一种样式,不同的选择器用逗号分开。如下面的例子:
段落、表格、标题元素的样式均修改为红色。