2017-09-15 4 views
1

今、私はDjango Hello Worldプログラムで基本的なCSSを使用しようとしています。私は "Hello World"を表示することができますが、CSS効果は機能しません。現在、これは私のメインURLにあります:Django Hello WorldでCSSを使用しようとしています

from django.conf.urls import url, include 
from django.contrib import admin 
from django.conf import settings 
from django.conf.urls.static import static 

urlpatterns = [ 
    url(r'^admin/', admin.site.urls), 
    url(r'',include('firstapp.urls')), 
] 

これは私のアプリのURLにあります。

from django.conf.urls import url 
from . import views 

urlpatterns = [ 
    url(r'^$', views.index, name='index'), 
] 

これは私のビューファイルです。

from django.shortcuts import render 
from django.http import HttpResponse 

def index(request): 
    context = {"variable":"Hello World"} 
    return render(request, "base.html", context) 

マイbase.htmlファイル

{% load staticfiles %} 

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Title of the document</title> 
<link rel='stylesheet' href='{% static "css/base.css" %}'/> 
</head> 
<html> 
<p>{{ variable }}</p> 
<script src="{% static "base.js'" %}"></script> 
</body> 
</html> 

そして、私のbase.cssファイル。

h1 { 
    color: 00FFFF; 
} 

最後に、このコードを設定ファイルの最後に追加しました。

STATIC_URL = '/static/' 

STATICFILES_DIRS = [ 
    os.path.join(BASE_DIR, "static"), 
] 

STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR), "static_cdn") 

理想的ページは、残念ながら、それは普通の黒のテキストでの「Hello World」を示しています...シアン色での「Hello World」と表示されるはずです。誰がなぜこれが分かっていますか?

答えて

2

CSSの正しい要素をターゲットにする必要があります。現在のところ、h1のスタイリングだけで、HTMLの場合はpです。また、あなたは有効な16進コードを必要とするが(ハッシュで始まります:#):

p { 
    color: #00FFFF; 
} 

UpdateへごCSS

関連する問題