이전에 공부하던 부분부터 이어서 플레이할 수 있습니다.
이어서 보기 처음부터 보기

Cascading Style Sheet

  • HTML 문서의 요소가 어떻게 표시될지 정의

문법

[selector] { [property_name]:[value]; ... }

  • selector : tag이름, id, class로 작성 가능
    • tag이름 : 태그 이름 그대로 사용(h1, h2, p, img, ...)
    • id : #을 붙이고 id 사용(#name, #id, ... )
    • class : .을 붙이고 class 이름 사용 (.lyric, ...)
  • property_name : selector에 해당하는 엘리먼트의 style 속성
  • value : 앞에 정의한 style property의 값

적용하기

  1. head 태그 안에 <link> 태그 사용
 <link rel="stylesheet" href="[css file]">
  1. head 태그 안에 <style> 태그를 사용해 직접 정의
 <style>
       ...
 </style>
  1. html element안에 직접 속성으로 정의
    <p style="color:red">...</p>

CSS 적용 우선순위

  1. html element 안에서 적용한 스타일
  2. style tag안에서 적용한 스타일
  3. link를 통해 외부 파일에서 적용한 스타일

본 강의에 등록된 질문이 없습니다. 혹시 궁금하신 부분이 있으면 주저하지 말고 무엇이든 물어보세요.