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