ESP32-Web-Server编程-CSS 基础 2

物联网老王

已于 2023-11-27 21:55:21 修改

阅读量1.2k

点赞数 15

分类专栏： ESP-Web开发 ESP 文章标签：前端 css 物联网 web 服务器

于 2023-11-26 18:13:34 首次发布

本文链接：https://blog.csdn.net/wangyx1234/article/details/134630860

版权

ESP-Web开发同时被 2 个专栏收录

29 篇文章 58 订阅 ¥15.90 ¥99.00

订阅专栏

超级会员免费看

ESP

57 篇文章 52 订阅

订阅专栏

ESP32-Web-Server编程-CSS 基础 2

概述

如上节所述，可以使用外部 CSS 文件来修饰指定的 HTML 文件。

外部引用 - 使用外部 CSS 文件。

当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，就可以通过更改一个文件来改变所有包含该 CSS 文件的 HTML 的外观。在 HTML 文件中使用 href=XXX，来导入对应的 CSS 文件到该文件。就像 C 语言的头文件、或者 python 语言的 import 一样。
```
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
```

网页内容不复杂时，可以使用内联样式，网页内容复杂的话，最好的方式是通过外部引用CSS文件。

需求及功能解析

与上节的后台代码类似，本节主要演示如何使用外部 CSS 文件，来让读者了解并体会其基本语法与作用。

如果你是第一次学习该系列的博客，请参考 A 博客来熟悉编程使用的方法。

示例解析

目录结构

├── CMakeLists.txt
├── main
│   ├── CMakeLists.txt
│   └── main.c                 User application
├── components
│   └── fs_image
		└── index.html
		└── css

了解本专栏

超级会员免费看

物联网老王

关注

15
点赞
踩
23

收藏

觉得还不错? 一键收藏
打赏
0
评论
ESP32-Web-Server编程-CSS 基础 2

1）本节主要演示如何使用外部 CSS 文件，在前端代码 html 中通过 link 标签引用指定的 CSS 文件，然后在后端代码中通过增加发送 CSS 文件的 handler 就可以正确应用外部的 CSS 文件。
复制链接

扫一扫