如何在CSS3中创建外部样式 - 虚拟人物

大多数开发人员在CSS3中使用外部样式来减少维护站点所需的工作量。一个。 CSS文件包含网站的所有样式，这意味着在整个网站范围内改变样式就像改变一个文件（而不是每个页面）一样简单。因为这个变化只发生在一个地方，所以在单个页面上没有任何遗漏一个或多个变化的机会。

创建和使用外部样式表与使用内部样式表没有多大区别。以下示例使用标准技术来创建外部样式表：

<！ --1 - >

1. 使用文本编辑器创建一个新的HTML5文件。

2. 输入HTML页面的代码。

   一个简单的页面
   
   一个简单的标题
   简单的文字与标题一起。
   

   确保您输入的代码准确无误。你应该得到的是一个简单的页面 - 一个没有任何风格。

3. 在标签后立即键入以下代码。

   标签告诉浏览器寻找外部资源。在这种情况下，rel属性表示它应该查找一个样式表，并且href属性提供该样式表的名称。

4. 将HTML5文件保存到磁盘。

5. 创建一个新的。 CSS文件与您的文本编辑器。

   您的编辑器可能不支持。 CSS文件。任何文本文件都可以。在

6. 中输入以下代码。 CSS文件。

   p {font-family：cursive; font-size：large;颜色：#0000ff;背景颜色：#ffff00;} h1 {font-family：“Times New Roman”，Georgia，serif; font-size：40px; text-align：center;文字装饰：下划线;颜色：#ff0000; background-color：#00ffff;}
   

   这可能与您用来创建内部文件的代码相同。唯一的区别是它现在驻留在一个外部文件中。

7. 将CSS文件保存为ExternalCSS。 CSS。

   文件的名字必须与href属性中的名字完全一致。某些平台是区分大小写的，因此您必须使用相同的大小写来表示文件名。例如，externalcss。 css可能会被视为与ExternalCSS不同的文件。 CSS。

8. 在浏览器中加载页面。