장고 CSS

1 개요

css를 static 경로에 담아 사용한다.

일반적으로 태그 안에 <div class='담을내용'> 형태로 따로 짜서 관리한다.

1.1 css적용법

적용할 곳에 load static 태그를 달고, 관련정보를 기입해준다. 적당히 바디 초반에 담아두면 된다.(일반적으로 head에 담아둔다.)

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

static 태그는 정적파일들의 절대경로 URL을 생성해준다.

위 형태로 static으로 지정된 디렉토리를 뒤져 style.css를 찾아 적용이 가능하게 만든다.

1.2 body에서 적용

태그 안에 class 속성을 추가해 넣어주면 해당 css가 덮어씌워진다.