iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 18
0
Modern Web

使用 Django 開發網頁系統系列 第 18

[Day 18] 樣式 css

  • 分享至 

  • xImage
  •  

寫個首頁吧

套個樣式用css
css 是屬於靜態檔案(static)
要放在static 資料夾下
範例目錄

<project_name>/
    <project_name>/
        settings.py
    <app_name>/
        urls.py
        views.py
        templates/
        static/
            <app_name>/
                css/
                    <css_name>.css
                js/
                img/

建立 main/static/main/css/main.css
測試一下

body {
    background: lightgray;
}

加上 {% load static %} 會根據 settings.py
{% static 'main/css/main.css' %} 第二個參數是位置 輸入static 以後的

main/templates/main/base.html

{% load static %}
...
<head>
<link rel="stylesheet" href="{% static 'main/css/main.css' %}">
</head>
...

發現一個bug 之前講錯 抱歉...
re_path('^.*', include('main.urls')) => path('', include('main.urls'))
shop/ursl.py

...
    path('', include('main.urls')),
...

就完成了


上一篇
[Day 17] 新增資料(2)
下一篇
[Day 19] 樣式 bootstrap
系列文
使用 Django 開發網頁系統30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言