在浏览器上运行的网页实际上是一份HTML文件，这份文件的主体则是由数个HTML标签所组成，组成文件的标签依照标签语义，可以分为两种类型:系统资源类型、用户界面类型。其中用户界面类型的HTML标
签，用于描述显示在网页上的各种用户界面控件，这些控件提供:输出数据给用户或是接受用户输入等功能。浏览器要显示网页给用户时，这些标签会显示在网页上，浏览器会依照这些标签的类型，在网页上显示代表标签的控件来与用户互动。
这些用户界面类型标签在浏览器内都有一组预设的显示样式，这组显示样式定义了网页上显示标签时，这个标签预设的各种显示样式，例如，背景颜色、字体大小等.开发人员可以通过CSS样式表(Cascading Style
Sheets)来更改标签的显示样式，浏览器在显示网页给用户时，会依照这些显示样式来决定网页上标签的显示外观。
一个最基本的CSS样式，需要有上面范例中的内容，这些内容组成了CSS样式的基本结构。开发人员可以在网页内使用style标签、link标签来定义网页所使用的CSS样式，浏览器在显示网页给用户的时候，会依照这些显示样式来决定网页上标签的显示外观。在这个范例中，可以看到几个样式结构的内容。
.选择器:首先看到的就是Selector选择器，在CSS样式的运行中要更改哪个HTML标签的显示样式是由Selector选择器来决定的。Selector选封装了选择条件的定义，让浏览器选出网页上要被更改的标签。另外，Selector选择器也是作为CSS样式的根节点，Selector选择器中可以定义不定数量组成显示样式的样式属性、样式内容，并且在每组显示样式之间使用“;”来做分隔。.样式属性:接着看到的是Property样式属性，在CSS样式的运行中，要更改HTML标签的哪个显示样式是由Property样式属性来决定的。
Property样式属性使用字符代码的方式，来决定要更改标签的哪个显示样式，例如，"background-color”代表了要更改背景颜色这个显示样式。样式内容:最后看到的是Value样式内容，在Css样式的运行中，要将
HTML标签的显示样式更改为什么内容是山Value样式内容来决定的。Value样式内容使用字符代码的方式，来更改标签显示样式的内容，例如，" background-color:#OOFFOO;”代表了要更改背景颜色这个显示样
式为绿色。
烟台网站制作上面范例的HTML文件，是通过style标签来将CSS样式加入到HTML文件中。通过这个简单的范例来对照基本结构，就可以理解CSS样式的基本结构在网页中是如何运行的。
.范例网页中style标签之中的内容，就是要套用在标签上的CSS样式。.这个CSS样式使用p标签来作为选择器封装的选择条件:选择标签类型为p的标签。
一接着color, background-color分别代表Property样式属性，这个结合选择器封装的选择条件就代表了:选择网页里的p标签，然后更改P标签的颜色(color)、背景颜色(background-color)这两个显示样式。
.址后#FFOOOO、 #OOFFOO则是Value样式内容，在这个样式内容中，代表p标签的颜色更改为红色(#FF0000)、背景颜色更改为绿色(#OOFFOO)。从运行网页后的结果可以发现，经过这个CSS样式的定义，网页上显示this is HTML Contents的P标签将会是如CSS样式所设置的绿底红字.
