강의목표

• css란
• 기초적인 사용법
• html과 css를 연결하는 selector

CSS

• Cascading Style Sheets의 약자
• cascading
  • 폭포가외어 떨어지다는 의미로
  • css가 스타일을 적용될 때 우선순위를 가지고 순차 적용되는 모양이라는 의미다.
• CSS는 웹에 적용할 스타일을 적어둔 일종의 스타일 명세서

css의 기본 구조

• 선택자(selector)
  • 일종의 연결 통로
  • html 요소를 선택하는 역할을 수행
• 속성(property,프로퍼티)
  • 지정 또는 변경하고 싶은 스타일의 속성 이름
• 값(value)
  • 프로퍼티와 짝을 이루는 부분
• 선언 블록
  • { }
  • 자바 같은 느낌
    • 한 문장을 하나의 선언이라 본다
    • 하나의 선언은 세미콜론으로 구분한다

선택자

• css에서는 ,(콤마)로 선택자 여러 개의 스타일을 한꺼번에 지정할 수 있습니다.

• ex

  h1 {
  	color: red;
  	background: blue;
  }
  
  p {
  	color: red;
  	background: green;
  }
  

크css의 기본단위