CSS3初步：CSS3样式基本结构

首先在一个HTML5文档里输入了一些代码，如图1所示：

一、样式
一个样式由两个部分组成：选择器和声明（规则），其中：
  1、选择器：匹配样式将作用于页面中指定的对象。这些对象可以是某个标签、某个class名或某个id名等，如图1中的div、p，等等。浏览器在解析这个样式时，根据选择器来渲染对象的显示效果；
  2、声明（规则）：声明可以是一个或多个，浏览器将根据声明来渲染选择器指定的对象。声明包括两个部分：属性和属性值。
  （1）属性：属性是CSS预定义的样式选项。属性名可以是由一个单词，如图1中width，height等等。的也可以是由多个单词组成，多个单词之间用连字符"-“相连，如图1中的font-size；
  （2）属性值：用来设置属性要显示效果的参数，它可以是一个数值，一个单位，或者是一个预定义的关键字。如图1中的18px，200px，#ffff00，等等；
  3、样式和声明的基本格式：
  一个样式的基本格式：“选择器{声明1；声明2；…；声明n；}”
  一个声明的基本格式：“属性：属性值；”。
二、注释
注释的作用是便于开发人员理解代码的作用，在文档中完全看不见，只有通过查看源文件才能看见，故注释不会影响页面效果。
基本格式：HTML中的格式为“<!–注释语句–>”；CSS中的格式为”/*注释语句*/"。
实现图1中的代码，得到的效果图如下：