티스토리 뷰

코딩

CSS - DIV

남평HILL 2024. 4. 21. 09:27

DIV는 분할의 줄임말이다. (division) 이를 이용해 코드를 여러 부분으로 나눌 수 있다. 각 부분으로 나누어 스타일을 지정할 수 있다. div로 실제 할 수 있는 일이 별로 없을 것 같아 보이지만 실제 스타일을 적용할 때 많은 도움이 된다.

문단에 컬러를 넣는 것부터 해보자.

스타일 태그에서 모든 CSS코드를 삭제하고 아래 코드로 대체한다.

div (

background-color: grey;

)

그리고 <body> 부분은 아래 사진처럼 수정한다.

다시 말씀드리지만 코딩을 보고 대략적인 알고리즘 즉 코딩의 의미와 흐름을 파악할 줄 알아야 합니다.

html은 코딩의 가장 기초부분입니다. 익숙해질때까지 반복해서 보시고 연습해 보세요.

※ 코딩은 반드시 직접 해보셔야 실력이 조금이라도 는다는 거 잊지 마세요.