仅影响当前文档的CSS
什么是内部样式表
内部样式表是放置在HTML文档中的样式。 这些样式仅影响它们所在的文档,并且不能被任何其他Web文档引用。
内部样式表的优点
- 内部样式表只会影响它们所在的页面。
- 如果您在大型网站上工作,并且需要在将样式作为整体加载到网站上之前对其进行测试,则内部样式表可能是一个很好的工具。 它们允许您在整个网站上下文中测试样式,而不会破坏您正在测试的任何页面。
- 内部样式表可以使用类和ID。
- 与内联样式不同,内部样式表仍然可以利用类,ID,兄弟和其他元素关系。
- 内部样式表不要求您上传多个文件。
- 如果您正在处理诸如电子邮件或信息亭等只有一个HTML文件可供编辑的情况,这一点尤其有用。 当我不确定将哪些URL加载到CMS中时,我经常使用内联样式 - 将样式与文档保持一致意味着我知道哪些样式会影响该文档。
- 内部样式可能比外部样式表具有更高的优先级。
- 这取决于外部样式表加载的顺序。 页面的Web开发人员可以控制内部样式将放置在文档头部的位置。 如果将它们放在外部样式链接之后,它们将在级联中具有更高的优先级,并覆盖外部样式表。
内部样式表的缺点
- 它们只影响他们所在的页面。
- 内部样式表增加了页面加载时间。
- 每一个有内部样式表的页面在每次加载页面时都必须加载和解析样式表信息。 外部样式表由浏览器缓存 - 这可以在第一次加载后改进每个页面的加载时间。
如何写一个内部样式表
元件:
- 在您的Web编辑器中打开一个HTML文档。
- 在里面添加以下内容
完整的内部样式表如下所示: