用＜style＞实现内嵌样式表，把样式表规则放到XHTML文件的＜head＞...＜/head＞内，这些定义的样式在当前XHTML文件中调用。其格式为：

说明：

（1）＜style＞...＜/style＞用来说明所要定义的样式。type属性指定style以CSS的语法定义。

（2）＜style＞...＜/style＞中的样式规则依据样式表语言，属性和属性值之间用冒号“：”隔开，定义之间用分号“；”隔开。

（3）＜！--...--＞的作用是避免旧版本浏览器不支持CSS，特意把＜style＞..＜/style＞的内容以注释的形式表示，这样对于不支持CSS的浏览器，会自动略过此段内容。

（4）/*...*/为CSS的注释符号，主要用于注释CSS的设置值。注释内容不会显示或被引用在网页上。

（5）选择符可以使用XHTML标记的名称，所有XHTML标记都可以作为CSS选择符。

（6）属性和属性值是定义样式的属性名称及其值。

（7）除了在＜style＞...＜/style＞内分别定义各种选择符的样式外，如果多个选择符具有相同的样式，可以采用组合选择符，以减少重复定义的麻烦。其格式为：

【例7-2】内嵌样式表。

在编辑窗口输入下面的代码：

＜！--文件名：ex7-2.html--＞

＜！DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

＜html xmlns="http://www.w3.org/1999/xhtml"＞

＜head＞

＜meta http-equiv="Content-Type"content="text/html；charset=gb2312"/＞

＜title＞内嵌样式表＜/title＞

＜style type="text/css"＞

＜！--

h1｛font-size：18pt；color：red；text-align：center｝/*引用h1样式时，字体为18pt，红色，居中*/

h2｛font-size：14pt；color：blue｝/*引用h2样式时，字体为14pt，蓝色*/

p｛font-size：12pt；text-indent：2em｝/*段落字体大小为12pt，文本缩进两个字符*/

--＞

＜/style＞

＜/head＞

＜body＞

＜hl＞健康的心态＜/hl＞(www.daowen.com)

＜h2＞君子坦荡荡，心胸宽广，遇事拿得起、放得下，才能保持一种健康的心态。＜/h2＞

＜p＞老和尚携小和尚游方，途遇一条河；见一女子正想过河，却又不敢过。老和尚便主动背该女子趟过了河，然后放下女子，与小和尚继续赶路。小和尚不禁一路嘀咕：师父怎么了？竟敢背一女子过河？一路走，一路想，最后终于忍不住了，说：师父，你犯戒了？怎么背了女人？老和尚叹道：我早已放下，你却还放不下！＜/p＞

＜/body＞

＜/html＞

在浏览器中显示的结果如图7-4所示。

图7-4　内嵌样式表

【例7-3】组合选择符示例。

把XHTML文件的hl与h2选择符的样式都定义为相同的样式（如“隶书、红色”），其他属性不改变（如字体大小）。在编辑窗口输入下面的代码：

＜！--文件名：ex7-3.html--＞

＜！DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

＜html xmlns="http://www.w3.org/1999/xhtml"＞

＜head＞

＜meta http-equiv="Content-Type"content="text/html；charset=gb2312"/＞

＜title＞内嵌样式表--组合选择符＜/title＞

＜style type="text/css"＞

h1，h2｛font-family：隶书；color：red｝

＜/style＞

＜/head＞

＜body＞

＜h1＞健康的心态＜/h1＞

＜h2＞君子坦荡荡，小人常戚戚。＜/h2＞

＜p＞心胸宽广，思想开朗，遇事拿得起、放得下，才能永远保持一种健康的心态。＜/p＞

＜/body＞

＜/html＞

显示结果如图7-5所示。

图7-5　组合选择符