[CSS] CSS의 기본적인 개념과 사용하는 이유

 

CSS

CSS는 HTML로 작성된 웹 어플리케이션 구조에 디자인을 적용하는 데 사용한다. 웹 페이지의 스타일 및 레이아웃을 정의하는 스타일 시트 언어이다.

동일한 구조와 내용을 가진 웹 사이트더라도 CSS를 다르게 적용하면 다른 웹 사이트로 변신할 수 있다.

CSS는 좋은 사용자 경험(UX, User Experience)을 제공하기 위한 도구이다.

 

HTML 태그에 CSS 속성을 추가할 수 있다.

이러한 방법은 관심사 분리 측면에서 권장되지 않는다.

하지만 파일로 굳이 분리하지 않아도 될 만큼 css 코드가 많지 않는 경우가 있다. 이런 특수한 경우를 위해 HTML 요소에 직접 CSS 속성을 추가하기도 한다.

 

관심사 분리란?

HTML은 웹 페이지의 구조와 내용만 담당하고, css는 디자인만 담당하도록 하여 역할을 분리하는 것이다.

컴퓨터 프로그램을 구별된 부분으로 분리시키는 디자인 원칙으로, 각 부문은 별도의 관심사를 해결한다.

관심사란 컴퓨터 프로그램 코드에 영향을 미치는 정보의 집합으로, 코드 최적화가 필요한 하드웨어의 세세한 부분만큼 포괄적이거나, 시작할 클래스의 이름처럼 구체적일 수 있다.