CSS

CSS

개념

CSS는 cascading style sheets의 약어다.

웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트이며, 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 하였다.

기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS이다. 

상세설명

HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 하지만, 웹 페이지의 스타일을 미리 저장해 두면 웹 페이지의 한 가지 요소만 변경해도 관련되는 전체 페이지의 내용이 한꺼번에 변경되므로, 문서 전체의 일관성을 유지할 수 있고 작업 시간도 단축된다.

기존의 html태그에 인스타일 형태로 붙여넣어 활용하던 방식에서 CSS파일을 별도로 분리하여 관리하는 방식으로 대중화되었다.

HTML이 문서의 뼈대를 담당한다면 CSS는 그 뼈대에 살집을 붙여 나간다고 생각하면 이해하기 좋다.

입문

HTML을 먼저 이해한 후 시작하는 것이 좋으며, 일반적으로 실무에서는 디자인 결과물을 바탕으로 CSS를 구현한다.

간단한 텍스트 에디터와 브라우저만으로 확인이 가능하여 HTML을 선행 학습후 바로 이어서 공부해나가는 것을 권장한다.

주의사항

문법이 굉장히 엄격하다.

구두점 하나를 빼먹어도 CSS파일 전체 로딩에 실패하니 유의하도록 한다.

호출 순서에 따라 우선순위도 달라지므로 오버라이딩되는 상황에 대한 선행 학습이 있어야 클래스간 스타일 충돌 상황에서 원하는 대로 화면을 표현 가능하다.

활용직군

웹퍼블리셔, 웹개발자