热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

css中什么是外部样式表?

在css中,如果CSS样式被放置在网页文档外部的文件中,则称为外部样式表,一个CSS样式表文档就表示一个外部样式表;css外部样式表文件使用“.CSS”为扩展名,且HTML文档中包含指向该文件位置的链接,以便Web浏览器知道在哪里查找样式。

在css中,如果CSS样式被放置在网页文档外部的文件中,则称为外部样式表,一个CSS样式表文档就表示一个外部样式表;css外部样式表文件使用“.CSS”为扩展名,且HTML文档中包含指向该文件位置的链接,以便Web浏览器知道在哪里查找样式。

css外部样式表文件使用.CSS文件扩展名,并且HTML文档中包含指向该文件位置的链接,以便Web浏览器知道在哪里查找样式说明。

一个或多个文档可以链接到同一个CSS文件,一个网站可能有许多独特的CSS文件,用于为不同的页面,表格,图像等设置样式。

如何链接到CSS外部样式表?

每个想要使用特定外部样式表的网页都需要链接到部分中的CSS文件,如下所示:


在此示例中,唯一需要更改以使其适用于您自己的文档的是styles.css文本,这是CSS文件的位置。

如果文件实际上被称为styles.css并且与链接到它的文档位于完全相同的文件夹中,那么它可以保持与上面所读的完全相同。但是,您的CSS文件可能标题为其他内容,在这种情况下,您只需将名称从“styles”更改为您的名称即可。

如果CSS文件不在此文件夹的根目录中,而是在子文件夹中,则它可能会读取以下内容:


有关外部CSS文件的更多信息

外部样式表的最大好处是它们不依赖于任何特定页面,如果样式在内部或内嵌执行,则网站上的其他页面无法指向这些样式首选项。

但是,使用外部样式,相同的CSS文件可以用于网站上的每个页面,这样所有页面都具有统一的外观,编辑整个网站的CSS内容非常容易和集中。

你可以在下面看到它是如何工作的……

内部样式需要使用

但是,由于外部样式表包含在它们自己的文件中,因此可以像这样创建它们,这意味着与上面的示例完全相同:

body {
    background-color: green;
}
h1 {
    color: blue;
    margin-left: 15px;
}

在这些示例中,内联样式仅适用于该特定页面,这显然是因为它包含在该HTML页面的标题详细信息中。在第二个示例中,CSS信息是自包含在CSS文件中的,任何页面都可以使用上面的“ 如何链接到外部样式表” 部分中的代码链接到该文件。

更多编程相关知识,请访问:编程学习网站!!

以上就是css中什么是外部样式表?的详细内容,更多请关注 第一PHP社区 其它相关文章!


推荐阅读
  • 探讨并提供解决方案以应对 'view is not in the window hierarchy' 的错误提示。 ... [详细]
  • 本文介绍了如何处理MySQL数据库中表 'xdb.auditlog' 被标记为已损坏的问题,并提供了解决方案。 ... [详细]
  • 本文介绍了多种Eclipse插件,包括XML Schema Infoset Model (XSD)、Graphical Editing Framework (GEF)、Eclipse Modeling Framework (EMF)等,涵盖了从Web开发到图形界面编辑的多个方面。 ... [详细]
  • 本文详细介绍了一种实现PopupWindow全屏显示且能有效隐藏虚拟按键的技术方案,适用于Android开发。此方法经过实际测试,表现良好,兼容性优秀。 ... [详细]
  • BeautifulSoup4 是一个功能强大的HTML和XML解析库,它能够帮助开发者轻松地从网页中提取信息。本文将介绍BeautifulSoup4的基本功能、安装方法、与其他解析工具的对比以及简单的使用示例。 ... [详细]
  • 本文介绍了如何使用Maven命令对Spring Boot项目中的子模块进行独立打包,包括依赖树的查看、项目的运行和打包等基本操作。 ... [详细]
  • 深入理解异步多线程编程模型
    现代计算机系统中的CPU通过并行处理提高效率,但所谓的并发处理实际上是一种基于轮询的模拟并行。本文探讨了现代处理器如何通过虚拟化技术实现更高的并发性能,以及在.NET框架中如何有效利用线程和异步编程模式。 ... [详细]
  • 本文探讨了 Boost 库中的 Program Options 组件,这是一个强大的工具,用于解析命令行参数和配置文件。文章介绍了如何正确设置和使用该组件,包括处理复杂选项和负数值的方法。 ... [详细]
  • 本文通过具体示例详细介绍了 Python 中的装饰器和装饰类的使用方法,包括带参数的装饰器和装饰类的应用场景。 ... [详细]
  • 解决 Pytest 运行时出现 FileNotFoundError 的方法
    在使用 Pytest 进行测试时,可能会遇到 FileNotFoundError 错误,提示无法找到指定的文件或目录。本文将探讨该错误的原因及解决方案。 ... [详细]
  • HDU1085 捕获本·拉登!
    问题描述众所周知,本·拉登是一位臭名昭著的恐怖分子,他已失踪多年。但最近有报道称,他藏匿在中国杭州!虽然他躲在杭州的一个洞穴中不敢外出,但近年来他因无聊而沉迷于数学问题,并声称如果有人能解出他的题目,他就自首。 ... [详细]
  • SpringBoot新手入门指南
    本文旨在为初次接触SpringBoot的开发者提供一份详细的入门指导,包括如何快速搭建并运行一个简单的SpringBoot应用。通过本文,读者将了解Maven项目的构建、必要的配置文件设置以及基本的应用开发流程。 ... [详细]
  • 本视频详细介绍了如何利用J2EE、JBPM 3.x/4.3、Flex流程设计器、jQuery以及授权认证机制构建高效的企业普及版贝斯OA及工作流管理系统。 ... [详细]
  • BL550721、特点液晶驱动输出:Common输出4线,Segment输出36线内置显示寄存器364144bit2线串行接口(SCL,SDA)内置震荡电路内置液晶驱动电源电路13 ... [详细]
  • Python游戏开发实战:外星人入侵项目详解
    本文详细介绍了使用Python进行《外星人入侵》游戏开发的全过程,包括环境搭建、游戏逻辑设计及代码实现等关键步骤,适合对游戏开发感兴趣的朋友参考。 ... [详细]
author-avatar
嘛道理
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有