본문 바로가기
Front-End/CSS

06-1 웹 문서에 디자인 입히기

by hoya7788 2023. 4. 14.

일상생활에서 스타일이라는 말을 사용하듯이 웹 문서에도 스타일이 있음.

다만 웹에서는 미리 약속한 스타일 속성을 입력해 디자인함. 

 

>>> 왜 스타일을 사용할까?

웹 문서에서 스타일이란 HTML 문서에서 자주 사용하는 글꼴이나 색상, 정렬, 각 요소의 배치 방법과 같이 문서의 겉모습을 결정짓는 것을 가리킴. 그런데 이런 작업을 HTML로 하지 않고 따로 스타일을 사용하는 이유가 뭘까?

이유는 웹 문서의 내용과 상관없이 디자인만 바꿀 수 있음.

HTML로는 웹 사이트의 내용을 나열하고 CSS로는 웹 문서의 디자인을 구성한다는 아이디어가 바로 웹 표준의 시작임

이렇게 내용과 디자인이 구분되어 있으면 사이트의 내용을 수정할 때에도 디자인에 전혀 영향을 미치지 않아 편리함.

'Front-End > CSS' 카테고리의 다른 글

07-1 글꼴 관련 스타일  (0) 2023.04.14
6장 한눈에 정리하기  (0) 2023.04.14
06-4 캐스케이딩 스타일 시트 알아보기  (0) 2023.04.14
06-3 CSS 기본 선택자 알아보기  (0) 2023.04.14
06-2 스타일과 스타일 시트  (0) 2023.04.14