[CSS] CSS(Cascading Style Sheets) 란?





CSS(Cascading Style Sheets) 란?

  • 웹 페이지의 디자인(스타일)을 지정하는 언어입니다.
  • HTML이 **웹 페이지의 구조(Structure)**를 담당한다면, CSS는 **디자인(색상, 크기, 레이아웃 등)**을 담당합니다.



CSS의 역할

  1. 웹 페이지 스타일 지정
    • 색상, 폰트, 배경, 간격, 테두리 등의 스타일을 적용
  2. 레이아웃 조정
    • 화면 크기에 따라 요소의 배치를 조절
  3. 반응형 디자인 지원
    • 다양한 화면 크기(PC, 태블릿, 모바일)에 적응 가능
  4. HTML 코드와 스타일 분리
    • 디자인을 별도의 CSS 파일에 저장하여 HTML 코드의 가독성을 향상



CSS 기본 문법

CSS의 기본 문법은 **선택자(selector)와 속성(property), 값(value)**으로 구성됩니다.


선택자 {
    속성: ;
}


h1 {
    color: blue;  /* 글자 색상 변경 */
    font-size: 24px; /* 글자 크기 변경 */
}



댓글 남기기