#id_selector的意思是如果"id"等于id_selector时，这个标签的样式遵循 #id_selector后面的括号内的css样式，即“ID选择器”（本例为:边框为2像素的黑色实线）。
.class_selector的意思是如果"class"等于class_selector时，这个标签的样式遵循.class_selector后面括号内的css样式，即"类选择器"(本例为：背景色为绿色)。
下面代码中的第三个文本输入框，既有ID选择器又有类选择器，所有他有以上两种样式。
复制下面代码到你的<body>标签内，你就可以看到现象
<style type="text/css">
/*Css Code*/
#id_selector{ border: 2px solid #000000}
.class_selector{ background-color: green}
</style>
<!--HTML code-->
<input id="id_selector" type="text" value="这是ID选择器"><br/>
<input class="class_selector" type="text" value="这是类选择器">
<input id="id_selector" class="class_selector" type="text" value="两个样式都用了">
在设计网站的时候，要牢记一点：并不是所有的访问者都是神采奕奕的年轻人，而且他们也不一定完全熟悉Web浏览器的各种使用方法。聪明的设计者了解这一点，他们常常将各种特殊的可访问特性融入网站的设计中，这样，即使是年长者或是残疾人士都可以方便舒适地使用网站，而不必花费额外的力气。注意：这篇指南假定您已经安装了Apache和PHP在写代码之前，花一些时间来理解文本大小调节器的工作方式是非常有益的。网站中的每个网页都包含一系列控制按钮，他们允许用户选择页面的文字大小：小号、中号和大号，每种字号都对应于一种CSS样式表，这些样式表保存了用于渲染网页文本大小的规则。当用户做出选择的时候，PHP将用户选定的字号存储在一个会话变量中，然后重新加载网页，该页面将从会话变量中读取选定的字号，并动态调用相应的样式表以更小的字号或更大的字号来重新渲染网页。过程第一步：创建网页从创建HTML文档开始，首先完成占位符的内容，列表A是一个例子：列表A：Text size: small | href="resize.php?s=medium"medium | largeLoremipsum dolor sit amet,consecteturadipisicingelit, sed do eiusmodtemporincididuntutlabore et doloremagna aliqua. Utenimad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex eacommodoconsequat.Duisauteirure dolor in reprehenderit involuptatevelitessecillumdoloreeufugiatnullapariatur.Excepteursintoccaecatcupidatat non proident, sunt in culpa quiofficiadeseruntmollitanim id estlaborum.对页面顶部的文字超链接要特别注意，每个超链接都指向了名为resize.php的脚本文件，并通过URL GET方法将选定的字体大小传递给它。在您的Web服务器目录中以.php的扩展名来保存这个文档，例如，index.php。第二步：创建样式表接下来，为每种文字大小创建样式表文件：small.css, medium.css和large.css，这是small.css的文件内容：body {font: 10px}同样，可以创建medium.css和large.css，分别使用17px和25px，将这些样式表文件和上一步创建的网页保存在同一个目录中。第三步：创建文本大小的改变机制在css中前面必须加点或者井号（. #）如果是加入到div里的class中（<div class="table"></div>）class是调用类名 也就是css中.table带点的 （<div id="table"></div>）id是调用带#的 #table
