Css

값의 종류 : number, length, color, percentage, url

값의 상대 길이 단위 : px, em, ex

값의 절대 길이 단위 : in, cm, mm, pc, pt

CSS의 동작 방식

방문자가 링크를 통해 브라우저에 해당 웹 페이지를 열면 HTML과 함께 실행된다.

방문자의 브라우저는 CSS를 해석하고 HTML에 적용하여 브라우저 창에 보여준다(렌더링).

브라우저마다 렌더링 엔진과 버전이 다르므로 지속적인 호환성을 보장하기 위해서

특정 확장 CSS속성에 고유 접두어를 사용한다.

-moz-    : 파이어폭스, 카미노

-ms-      : 인터넷 익스플로러

-o-        : 오페하

-webkit- : 크롬, 사파리

CSS 규칙

HTML 태그 선택자 : 태그를 재정의한다.

클래스 선택자 : 원하는 태그에 언제든지 사용할 수 있다.

아이디 선택자 : 특정 페이지상에서 특정 태그에 한 번만 적용해야 한다.

공통 스타일 정의 / 엘리먼트 정의(선택자 그룹 지정)

선택자(selector)는 속성(property)과 값(value)으로 이루어진다.

selector { property : value; }

인라인 스타일 / 페이지 내 스타일 / 외부 스타일 /

사용해볼만한 태그

audio 사운드 콘텐츠

video 동영상 재생기

time 날짜/시간

article 아티클 콘텐츠

canvas 드로잉 영역

/**css 주석**/