为什么要用两套CSS,为什么要用CSS？

小灰灰 2022-09-03 01:28 215阅读 0赞

使用css可以将网页的大部分甚至是全部的表示信息(样式)从HTML文件中移出，实现样式和内容分离；这样可以降低文件大小、节省网络带宽，避免样式代码重复，使得维护更容易，可以使用相同的内容加以不同的样式来实现不同的目的。

![e65154f9f2a1dc9abec734bd0c38f4e4.png][]

为什么要使用CSS？

CSS帮助你从如何展示一个文档的琐事中分离出文档的信息内容。那些如何展示文档的琐事被称为文档的样式。

css将网页的大部分甚至是全部的表示信息从(X)HTML文件中移出，并将它们保留在一个样式表中。将样式从内容中分离出来有以下好处：降低文件大小、节省网络带宽

避免重复

使得维护更容易。

站点的表现信息和核心内容相分离，使得站点的设计人员能够在短暂的时间内对整个网站进行各种各样的修改。

可以使用相同的内容加以不同的样式来实现不同的目的

CSS简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量(因为重复设置的格式将被只保存一次)。只要修改保存着网站格式的CSs样式表文件就可以改变整个站点的风格特色，在修改页面数量庞大的站点时，显得格外有用。这就避免了一个个网页的修改，大大减少了工作量。

你的网站可能有成千上万相似的页面。使用CSS，你可以将样式信息存储在通用的文件中供所有的页面共享。当用户打开了一个网页，用户的浏览器会单独加载关于页面内容的样式。当用户打印了一个网页，你应该提供不同的样式来保证打印出来的页面是易读的。

通常，你会使用HTML来描述页面内容而不是样式，使用CSS来指定页面的样式而不是内容。当然，也有例外，HTML也可以提供一些方法来指定样式。例如，在HTML中你可以使用**标签来加粗文本，也可以在标签中指定页面的背景颜色。当你使用CSS的时候，通常会避免使用HTML的样式功能，这样所有的样式信息就都会被保存在一个地方。**

实践：为HTML文档创建样式表

创建样式表

1.创建一个文本文件；这个文件就是你的样式表。命名为style1.css

2.在你的CSS文件中，复制下面这行代码并拷贝进去，然后保存文件：strong \{ color: red; \}

链接你的文档和样式表

1.创建另一个文本文件；这个文件就是你的文档。命名为你喜欢的任意名字

2.在你的HTML文件中，复制下面的代码并拷贝进去，那一行请引用你自己的样式表：

Sample document

**C**ascading

**S**tyle

**S**heets

更多编程相关知识，请访问：编程课程！！

[e65154f9f2a1dc9abec734bd0c38f4e4.png]: /images/20220829/0452fa2c8afb4aa98e30879bf783fe88.png

发表评论取消回复

表情：

评论列表（有 0 条评论，215人围观）

还没有评论，来说两句吧...

相关阅读

相关为什么要用webpack

单讲讲我与前端的故事吧。刚接触前端时，所有静态资源CSS、图片和JS都是手动引入HTML页面中，这并没有什么不好，想要什么就引入什么嘛。另外，所见即所得，开发好的项...

迈不过友情╰/ 2024年04月17日 06:22/ 0 赞/ 18 阅读

相关为什么要用maven?

目录 1. 为什么要用Maven 2. Maven是什么？ 3. 图解Maven 3.1 仓库 3.2 本地仓库 3.3 Maven 依赖搜索顺序 3.4 镜像仓

小灰灰/ 2024年03月31日 11:16/ 0 赞/ 16 阅读

相关为什么要用docker

最近Docker突然火得不得了，到处都是谈论Docker的声音，相信大家和小编一样的心情，看这个东西有点高大上，但尝试去阅读Docker文章时又发现概念很模糊、不接地气、难以理

心已赠人/ 2023年06月08日 12:59/ 0 赞/ 51 阅读

相关为什么要用Docker

1、什么是Docker 什么是docker？恐怕90%的人脑子一闪而过的都是那张图：一条鲸鱼背上扛着一堆箱子，图片下方是大大的“docker”。 docker是什么？

女爷i/ 2022年12月24日 00:59/ 0 赞/ 95 阅读

相关为什么要用@Param

转载：[https://blog.csdn.net/sinat\_33010325/article/details/84261662][https_blog.csdn.net_

心已赠人/ 2022年12月14日 03:48/ 0 赞/ 383 阅读

相关为什么要用dubbo？

当网站规模达到了一定的量级的时候，普通的MVC框架已经不能满足我们的需求，于是分布式的服务框架和流动式的架构就凸显出来了。单一应用架构当网站流量很小时，只需一个应用，将

╰+哭是因爲堅強的太久メ/ 2022年10月02日 00:51/ 0 赞/ 71 阅读

相关为什么要用@Param

1.关于@Param @Param是MyBatis所提供的(org.apache.ibatis.annotations.Param)，作为Dao层的注解，作用是用于传递参数

古城微笑少年丶/ 2022年09月12日 07:56/ 0 赞/ 181 阅读

相关为什么要用两套CSS,为什么要用CSS？

使用css可以将网页的大部分甚至是全部的表示信息(样式)从HTML文件中移出，实现样式和内容分离；这样可以降低文件大小、节省网络带宽，避免样式代码重复，使得维护更容易，可以使用

小灰灰/ 2022年09月03日 01:28/ 0 赞/ 216 阅读

相关为什么要用Redis

最近阅读了《Redis开发与运维》，非常不错。这里对书中的知识整理一下，方便自己回顾一下Redis的整个体系，来对相关知识点查漏补缺。我按照五点把书中的内容进行一下整理：

短命女/ 2022年05月18日 00:26/ 0 赞/ 159 阅读

相关为什么要用Redis

最近阅读了《Redis开发与运维》，非常不错。这里对书中的知识整理一下，方便自己回顾Redis的整个体系，来对相关知识点查漏补缺。按照五点把书中的内容进行一下整理： 1、

谁践踏了优雅/ 2022年04月02日 02:46/ 0 赞/ 249 阅读