[Django] tutorial #6-css, static file
ユーザがサーバからデータを受信して自分の画面に表示する操作をレンダリングと呼びます.
画面表示のためには、画面表示を担当する
この3つは、故事では
この文書では、サーバを
ここで静的ファイルは分離可能で、程度を知るだけでいい!
この場合、他のアプリケーションに重複する名前がある場合は、アプリケーション名で
-
次のように、問題のリンクが緑で表示されます.
画像を使用する場合は、
-
デジタルカメラ公式ファイル
デジタルウェアハウス公式ドキュメント講義
画面表示のためには、画面表示を担当する
html
、css
、javascript
が必要である.この3つは、故事では
static file
、すなわち静的ファイルと呼ばれている.この文書では、サーバを
static
ファイルから分離する機能を提供します.ここで静的ファイルは分離可能で、程度を知るだけでいい!
static
ファイルのデフォルトの場所はapp (polls)
内部にstatic
ディレクトリを作成して管理する必要があります.この場合、他のアプリケーションに重複する名前がある場合は、アプリケーション名で
namespace
と表記するために、アプリケーション名を持つディレクトリをもう1つ作成することをお勧めします.polls/
static/polls
style.css
静的ファイルの分離
static
フォルダには、次のようにcss
ファイルが作成されます.li a {
color: green;
}
css
ファイルを作成した後、html
ファイルの上部にcss
ファイルを接続するコード(load
)を追加します.-
polls/templates/polls/index.css
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}">
その後、サーバを再起動して、作成したcss
ファイルがうまく適用されていることを確認します.次のように、問題のリンクが緑で表示されます.
背景画像を追加
画像を使用する場合は、
polls/static/polls
ディレクトリ内にimage
サブディレクトリを作成して管理できます.polls/
static/polls/
image/
background.gif
画像ファイルを挿入した後、polls/static/polls/style.css
に次のコードを追加します.-
polls/static/polls/style.css
body {
background: white url("images/background.gif") no-repeat;
}
🔎 リファレンスデジタルカメラ公式ファイル
デジタルウェアハウス公式ドキュメント講義
Reference
この問題について([Django] tutorial #6-css, static file), 我々は、より多くの情報をここで見つけました https://velog.io/@jollyn/Django-tutorial-6-css-staticfileテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol