探索 CSS 样式的多元展现，内联、外联与嵌入式格式全解析
当我们踏入网页设计的奇妙世界，CSS 样式就如同魔法师手中的魔法棒，为网页赋予了独特的魅力和风格，而在 CSS 样式中，内联式、外联式和嵌入式这三种常见的格式，各自有着独特的特点和用途。
内联式 CSS 样式，简单来说就是将样式直接写在 HTML 标签内部，比如说，我们有一个<p>标签，想要改变它的文字颜色为红色，就可以这样写：<p style="color: red;">这是一段文字</p>，在这种格式中，样式属性直接添加在标签的style属性中，优点是方便快捷，适用于对单个元素进行简单的样式修改，但如果需要修改多个元素的样式，这种方式就会显得繁琐，因为每个元素都需要单独设置样式。
外联式 CSS 样式则是将 CSS 代码单独保存为一个.css文件，然后在 HTML 文件中通过<link>标签将其引入，我们创建一个名为style.css的文件，里面写着p { color: blue; }，然后在 HTML 文件中这样引入：<link rel="stylesheet" type="text/css" href="style.css">，这种方式的好处在于，样式可以被多个 HTML 文件共用，方便统一管理和修改样式，当需要对整个网站的样式进行调整时，只需要修改这个外部的.css文件即可。
嵌入式 CSS 样式则是将 CSS 代码写在 HTML 文件的<style>标签内部。<style> p { color: green; } </style>，它适用于在单个 HTML 文件中对部分元素进行样式设置，并且比内联式更加整洁和易于管理。
为了让大家更好地理解和掌握这三种格式，我们来玩一个小游戏，假设我们要设计一个简单的网页，页面上有几个段落和标题。
游戏玩法：
1、选择使用内联式、外联式或嵌入式中的一种格式来设置段落和标题的样式。
2、根据选择的格式进行相应的代码编写。
3、查看网页的显示效果，判断样式是否达到预期。
操作方式示例：
如果选择内联式，对于每个段落和标题标签，都添加style属性来设置样式。
如果选择外联式，先创建一个.css文件，写入相应的样式规则，然后在 HTML 文件中通过<link>标签引入。
如果选择嵌入式，就在 HTML 文件的<head>部分添加<style>标签，并在其中写入样式代码。
让我们通过实际操作来感受这三种格式的不同之处吧！
问答：
1、内联式 CSS 样式能实现复杂的样式设置吗？
2、外联式 CSS 样式文件的扩展名必须是.css 吗？
3、嵌入式 CSS 样式可以应用于多个 HTML 文件吗？