0

0

css中什么是外部样式表?

青灯夜游

青灯夜游

发布时间:2020-11-13 16:37:28

|

7820人浏览过

|

来源于php中文网

原创

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

css中什么是外部样式表?

【推荐教程:CSS视频教程 】

当Web浏览器加载网页时,它的显示方式取决于来自级联样式表的信息,HTML文件有三种使用样式表的方法:外部,内部和内联。

内部和内嵌样式表存储在HTML文件本身中。它们很容易在当下工作,但由于它们不是存储在中心位置,因此不可能轻易地在整个网站上同时更改样式; 您必须返回每个条目并手动更改它。

而如果 CSS 样式被放置在网页文档外部的文件中,则称为外部样式表,一个 CSS 样式表文档就表示一个外部样式表。

立即学习前端免费学习笔记(深入)”;

实际上,外部样式表也就是一个文本文件,扩展名为.css。当把CSS样式代码复制到一个文本文件中后,另存为.css文件,则它就是一个外部样式表。

如下图所示就是在线外部样式表(http://c.biancheng.net/templets/new/style/common.css):

1.gif

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

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

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

每个想要使用特定外部样式表的网页都需要链接到

全诚商城生成HTML多用户版
全诚商城生成HTML多用户版

1、什么是店中店?店中店是全诚商多用户版的一大特色,它既是独立的个体,又具有群集功能。我们做个例子说明:假设尊贵的您现实生活中租赁了一个店面,店面空间很大,您可以把您的店面分割成很多独立空间再向别人转租,这样您可以额外获得一部分租赁费用收入,借以减少你的个人租赁费用投入,还能起到活跃销售场所的气氛,俗话说:货卖一堆吗。你租赁的店面可以完全分割成很多空间向外转租,也可以自己保留一块空间为自己销售商品

下载
部分中的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
css

css是层叠样式表,用来表现HTML或XML等文件样式的计算机语言,不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

521

2023.06.15

css居中
css居中

css居中:1、通过“margin: 0 auto; text-align: center”实现水平居中;2、通过“display:flex”实现水平居中;3、通过“display:table-cell”和“margin-left”实现居中。本专题为大家提供css居中的相关的文章、下载、课程内容,供大家免费下载体验。

262

2023.07.27

css如何插入图片
css如何插入图片

cssCSS是层叠样式表(Cascading Style Sheets)的缩写。它是一种用于描述网页或应用程序外观和样式的标记语言。CSS可以控制网页的字体、颜色、布局、大小、背景、边框等方面,使得网页的外观更加美观和易于阅读。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

753

2023.07.28

css超出显示...
css超出显示...

在CSS中,当文本内容超出容器的宽度或高度时,可以使用省略号来表示被隐藏的文本内容。本专题为大家提供css超出显示...的相关文章,相关教程,供大家免费体验。

539

2023.08.01

css字体颜色
css字体颜色

CSS中,字体颜色可以通过属性color来设置,用于控制文本的前景色,字体颜色在网页设计中起到很重要的作用,具有以下表现作用:1、提升可读性;2、强调重点信息;3、营造氛围和美感;4、用于呈现品牌标识或与品牌形象相符的风格。

757

2023.08.10

什么是css
什么是css

CSS是层叠样式表(Cascading Style Sheets)的缩写,是一种用于描述网页(或其他基于 XML 的文档)样式与布局的标记语言,CSS的作用和意义如下:1、分离样式和内容;2、页面加载速度优化;3、实现响应式设计;4、确保整个网站的风格和样式保持统一。

604

2023.08.10

css三角形怎么写
css三角形怎么写

CSS可以通过多种方式实现三角形形状,本专题为大家提供css三角形怎么写的相关教程,大家可以免费体验。

560

2023.08.21

css设置文字颜色
css设置文字颜色

CSS(层叠样式表)可以用于设置文字颜色,这样做有以下好处和优势:1、增加网页的可视化效果;2、突出显示某些重要的信息或关键字;3、增强品牌识别度;4、提高网页的可访问性;5、引起不同的情感共鸣。

389

2023.08.22

Java 桌面应用开发(JavaFX 实战)
Java 桌面应用开发(JavaFX 实战)

本专题系统讲解 Java 在桌面应用开发领域的实战应用,重点围绕 JavaFX 框架,涵盖界面布局、控件使用、事件处理、FXML、样式美化(CSS)、多线程与UI响应优化,以及桌面应用的打包与发布。通过完整示例项目,帮助学习者掌握 使用 Java 构建现代化、跨平台桌面应用程序的核心能力。

61

2026.01.14

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.9万人学习

CSS教程
CSS教程

共754课时 | 19万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号