Django 和 CSS 的简单示例
Django 是一个流行的 Python Web 框架，用于开发高效和可扩展的 Web 应用程序。CSS（层叠样式表）则是一种用于定义网页样式和布局的标记语言。本文将通过一个简单的示例来介绍如何在 Django 中使用 CSS 来美化网页。首先，我们需要创建一个基本的 Django 项目。在终端中输入以下命令来创建项目：django-admin startproject myproject然后，进入项目目录并创建一个应用程序：
cd myprojectpython manage.py startapp myapp接下来，在 `myapp` 文件夹中创建一个名为 `static` 的文件夹。这个文件夹将用于存放我们的 CSS 文件。在 `static` 文件夹中创建一个名为 `styles.css` 的文件。在 `styles.css` 文件中，我们可以定义各种样式规则。例如，我们可以设置背景颜色、字体样式、边框样式等。以下是一个简单的示例：
cssbody { background-color: #f2f2f2; font-family: Arial, sans-serif;}h1 { color: blue;}p { font-size: 16px; line-height: 1.5;}.container { width: 80%; margin: 0 auto; padding: 20px; background-color: #fff; border: 1px solid #ccc;}在我们的 Django 项目中，我们需要将这个 CSS 文件加载到模板中。在 `myapp` 文件夹中创建一个名为 `views.py` 的文件，并添加以下代码：pythonfrom django.shortcuts import renderdef index(request): return render(request, 'index.html')接下来，在 `myapp` 文件夹中创建一个名为 `templates` 的文件夹，并在其中创建一个名为 `index.html` 的文件。在 `index.html` 文件中，我们可以使用 Django 模板语言来加载 CSS 文件。以下是一个示例：
html在这个示例中，我们使用了 `{% static 'styles.css' %}` 来加载 CSS 文件。这会根据项目的静态文件配置来生成正确的文件路径。最后，我们需要将这个视图函数添加到项目的 URL 配置中。在 `myproject` 文件夹中找到 `urls.py` 文件，并添加以下代码：My Web App Welcome to My Web App
This is a simple example of using Django with CSS.
pythonfrom django.urls import pathfrom myapp.views import indexurlpatterns = [ path('', index, name='index'),]现在，我们可以运行项目并在浏览器中查看结果了。在终端中输入以下命令来启动开发服务器：python manage.py runserver然后，在浏览器中访问 `http://localhost:8000`，你将看到一个简单的网页，其中应用了我们定义的 CSS 样式。本文介绍了如何在 Django 中使用 CSS 来美化网页。通过创建一个简单的 Django 项目，并定义一个 CSS 文件来设置样式规则，我们可以轻松地改变网页的外观和布局。这为开发高效和可扩展的 Web 应用程序提供了更多的可能性。希望这个简单的示例对你有所帮助！