答案：可以通过在XML文档中引用CSS文件来实现样式化。具体做法是在XML开头使用<?xml-stylesheet type="text/css" href="style.css"?>指令引入CSS，然后在CSS文件中使用与XML标签对应的选择器定义样式，如设置字体、颜色、布局等；浏览器会解析并应用这些样式，使XML内容以更美观、结构化的方式显示，无需JavaScript或XSLT。
可以直接使用 CSS 来样式化 XML 文档，让其在浏览器中以更易读、美观的方式显示。虽然 XML 本身只负责结构化数据，不包含样式信息，但通过关联 CSS 文件，可以让浏览器像渲染 HTML 一样渲染 XML 内容。
1. 在 XML 中引用 CSS 文件
要在 XML 文件中使用 CSS，需要在 XML 文档的开头使用 ?xml-stylesheet 处理指令来引入 CSS 文件。
示例：books.xml
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="style.css"?>
<books>
<book>
<title>JavaScript 高级程序设计</title>
<author>Nicholas C. Zakas</author>
</book>
<book>
<title>你不知道的 JavaScript</title>
<author>Kyle Simpson</author>
</book>
</books>
2. 编写对应的 CSS 样式文件
创建一个名为 style.css 的文件，定义如何显示各个 XML 元素。
示例：style.css
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
color: #333;
}
books {
display: block;
margin: 20px;
}
book {
display: block;
padding: 15px;
margin-bottom: 10px;
border: 1px solid #ccc;
background-color: #fff;
border-radius: 5px;
}
title {
display: block;
font-size: 1.4em;
font-weight: bold;
color: #0056b3;
}
author {
display: block;
font-style: italic;
color: #555;
margin-top: 5px;
}
3. 浏览器中查看效果
将 XML 和 CSS 文件放在同一目录下，用浏览器打开 XML 文件。浏览器会自动加载并应用 CSS 样式，使 XML 内容以结构化、美化的方式展示。
立即学习“前端免费学习笔记（深入）”；
注意点：
- 确保 XML 文件的路径和 CSS 文件名正确
- CSS 中的元素选择器直接对应 XML 的标签名（如 book、title）
- XML 是大小写敏感的，CSS 选择器也要匹配大小写
- 不是所有 CSS 特性都支持良好，建议使用基础样式属性
4. 可实现的常见样式效果
你可以通过 CSS 实现以下效果：
- 设置字体、颜色、背景
- 控制间距（margin、padding）
- 添加边框和圆角
- 使用 display: block/inline 让元素换行或并排
- 通过伪类或属性选择器增强表现力（部分浏览器支持有限）
