[CSS] CSS란?

• Cascading Style Sheets의 약자
• 스타일의 사용 이유
  • 웹 문서의 내용과 상관없이 디자인만 바꿀 수 있다.
  • 다양한 기기에 맞게 탄력적으로 바뀌는 문서를 만들 수 있다.
• 웹페이지를 표현하기 위한 스타일 규칙을 모아 놓은 문서
• 웹 브라우저 별 CSS3 지원
  • 테스트 사이트
• CSS 규칙은 선택자(Selector)와 선언(declaration) 두 부분으로 구성
• 선택자는 적용하고자 하는 Element를 의미
• 선언 부분에는 선택자에 적용할 스타일을 작성
• 선언은 중괄호로 감싸며, 속성(property)와 값(value)로 이루어짐
• 속성(Property)은 선택자에서 바꾸고 싶은 요소 (color, font, width, height, border ...)
• 값(value)은 속성에 적용할 값
• 여러 선택자에 동일한 스타일을 적용할 때, comma(,)로 구분하여 나열 (선택자 그룹화)
• 선언 안에 하나 이상의 속성을 작성할 수 있으며, 각 속성은 semi-colon(;)으로 구분
• 주석은 /* 내용 */ 으로 표현

 

• CSS Zen Garden : 같은 HTML 문서를 이용해서 다양한 효과를 구현할 수 있음을 보여주는 사이트