웹 기초 스터디 5주차 WIL5

복습

<!DOCTYPE html>을 적는 이유->검색엔진이 잘 알아볼 수 있게(html5에서만 사용)

ul: unordered list

ol: ordered list

li: list tiem

<div style="color : red">
빨강
<div>
그대로 상속
</div>

<div style="color : blue">
파랑색으로 새로 정의
<div>
파랑
</div>
</div>

트리구조

1. 사용자 스타일(컴퓨터 사용자)

ex) Windows의 고대비 설정

2. 제작자 스타일(개발자)

3. 브라우저 기본 스타일

동일 대분류에 있을 경우,

!important>인라인 스타일>id 스타일>클래스 스타일>타입 스타일

Selector를 통해 지정이 가능하다

인라인 스타일-> <h2 style="color:orange"></h2>

id 선택자-> #아이디 { 속성 : 값, ... }

클래스 선택자-> .클래스 { 속성: 값, ... }

타입 선택자-> 태그 { 속성 : 값, ...}

전체 선택자-> * {속성 : 값, ... }

tip) <p class="red border"> red, border 클래스 모두 적용

tip) 하나의 객체(혹은 코드, 파일)는 하나의 역할만 가지는 것이 좋다