장고 CSS

Pywiki
Sam (토론 | 기여)님의 2021년 6월 8일 (화) 13:50 판 (새 문서: ==개요== css를 static 경로에 담아 사용한다. 일반적으로 태그 안에 <nowiki><div class='담을내용'> 형태로 따로 짜서 관리한다.</nowiki> ===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가 덮어씌워진다.