css 파일
- 디자인 파일만 따로 분리
- 보통 HTML파일은 뼈대만 남기고 디자인적 요소는 CSS 파일에 따로 설정.
static 설정
staticfiles 라는 추가적인 폴더에 staticfile들을 다 모으겠다 라는 식으로 작동.
css 설정
euichan 디렉토리에 새로운 디렉토리인 static에 base.css 파일을 만든다.
이 때 ,클래스를 사용하는데
footer에 h6태그에 있는 작은 제목인 Euichan에 글씨 폰트를 지정하기 위한 css 작업이다.
class를 지정해주고 그 class 는 base.css에 명시되어 있다.
head.html에 default css link 속성도 지정해준다.
base.css에 header와 footer에 해당되는 class들을 명시해준다.
footer에 css 요소들을 class 화 시킨 결과이다.
header에 css 요소들을 class 화 시킨 결과이다.
footer와 class의 logo의 css 지정옵션은 동일하기 때문에 로고 class를 euichan_logo로 통일하여 지정하였다.
최종 결과 화면 - 우리가 처음에 css 파일을 따로 지정하지 않고 만든 결과화면이랑 당연히 동일한 결과이다.
김의찬입니다