【Django学习笔记】CSS语言介绍

CSS（层叠样式表）是一种用来描述网页和用户界面的样式语言，用于控制网页的布局和显示元素的外观。CSS可以使网页的展示更加生动和多样化，并且可以提高开发者的工作效率。

在Django中，CSS可以通过几种方式来使用：




<p style="color: blue;">这是一个蓝色的段落。</p>




<head>
    <style>
        p { color: red; }
    </style>
</head>
<body>
    <p>这是一个红色的段落。</p>
</body>




/* styles.css */
p {
    color: green;
}




<head>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <p>这是一个绿色的段落。</p>
</body>

CSS选择器用于选择需要应用样式的HTML元素，常见的选择器有类选择器、ID选择器、标签选择器等。




/* 类选择器 */
.center {
    text-align: center;
}
 
/* ID选择器 */
#header {
    background-color: yellow;
}
 
/* 标签选择器 */
p {
    margin: 0;
}




<p class="center">这段文字居中显示。</p>
<div id="header">头部区域</div>
<p>一个普通的段落。</p>

CSS的功能非常强大，可以实现更复杂的样式设计，包括布局、背景、文本样式、浮动、定位等。CSS3还增加了更多的特性，如动画、阴影等。

在Django项目中，通常会将CSS文件放在项目的静态文件目录中，并通过模板标签来引入。




{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'styles.css' %}">

以上是CSS的基本介绍和在Django中的使用方法，实际开发中可以根据需要进行更复杂的样式设计。