CSS 뜻 역할과 적용 방법, 호환성 확인 ✔️

CSS 뜻과 역할

CSS는 Cascading Style Sheets를 뜻하며, 웹페이지 스타일링과 레이아웃에 사용됩니다. 여기에는 본문 폰트, 크기, 색상 변경 및 화면 분할, 여백 설정, 애니메이션 추가 등이 포함됩니다.

CSS를 사용하는 이유

CSS없이 HTML로만 작성한 기본 문서는 브라우저의 스타일 속성을 따라 표현되므로 꽤나 투박해 보일 수 있습니다. CSS를 사용하면 HTML 문서 내에 다양한 속성을 적용할 수 있습니다. 이를 통해 문서의 가독성을 높이고 페이지를 효율적이고 아름답게 구성할 수 있습니다.

CSS 적용 방법

HTML 문서의 h1의 색상을 빨강으로 바꾸려면 어떻게 할까요? 다음과 같이 코드를 작성할 수 있습니다. 선택자를 통해 원하는 대상을 선택하고 컬리 브라켓 {} 내에 속성과 값을 선언합니다.

h1 {
    color: red;
}

본문의 색상을 파랑색으로 변경하려면 어떻게 할까요? p 태그를 선택하고 아래와 같이 속성과 값을 부여할 수 있습니다.

p {
    color: blue;
}

브라우저 CSS 호환성 확인

새로운 CSS 기능들이 새롭게 출시되고 있으며, 각 브라우저마다 지원하는 CSS에 차이가 존재합니다. 브라우저별 CSS 지원 여부는 caniuse.com에서 확인할 수 있습니다.