[자율학습] 5일차 ~4.2

4.1 css 문법 살펴보기

4.1.1 문법 형식

• css 문법은 크게 선택자와 선언부로 구성
• 선택자 : css 스타일을 적용할 html 태그를 선택하는 영역
• 선언부 : 선택자에서 선택할 태그에 적용할 스타일 작성 영역, 중괄호 안에 넣음. 반드시 속성과 값을 한 쌍으로 작성(세미콜론 넣으면 여러 스타일을 연속해서 작성할 수 있음)

4.1.2 주석
/ 와 / 사이에 내용 작성

4.2 css 적용하기

4.2.1 내부 스타일 시트 사용하기

• html 파일 내부에 css 코드 작성하는 방법
• html의 style 태그의 콘텐츠로 css 코드 작성

  [형식]
  < style>
  / css 코드 /
  < /style>

4.2.2 외부 스타일 시트 사용하기

• css 코드를 사용하는 별도 파일 만들어 html과 css를 연결하는 방법
• 확장자는 css여야 함
• 두 문서를 연결할 때는 link 태그 사용

  [형식]
  < link rel="stylesheet" href="css 파일 경로">

4.2.3 인라인 스타일 사용하기

• html 태그에서 사용할 수 있는 style 속성에 css 코드 작성
• 선택자 부분 필요 없음

  [형식]
  < 태그 style ="css 코드"></태그>