CSS 강좌
from: http://okdevtv.com/css.html
CSS
1996 W3 Consortium
시작하기
- HTML의 스타일링을 담당
- 셀렉터(selector)를 통해서 DOM(Document Object Model) 요소 선택
- HTML5 표준 스펙으로 포함
- CSS에 익숙하지 않은 대부분의 웹 개발자는 테이블 태그로 레이아웃
CSS 기본 문법
- <style> 태그 사이에 위치
- 셀렉터 {속성 : 값; 속성2 : 값2;}
- 인라인 스타일, 태그 안에 style="속성 : 값; 속성2 : 값2;" 형식으로 기술
셀렉터
- HTML 요소(element)를 선택하는 기술
- 타입, id, 클래스 3가지 기본 방식
- 속성, 유사 클래스, 유사 요소, 조합으로 선택
색상
크기
텍스트
박스 모델
레이아웃
display
float
position
z-index
CSS3
- 기존 포토샵으로 했던 이미지 효과 대체 가능
- 그레디언트, 그림자 효과, 투명도, 둥근 모서리 등
- 애니메이션, 트랜지션 효과
참고
- The History of CSS
- http://www.cssneuse.net/the-history-of-css.php
- w3schools
- http://www.w3schools.com/css/
- csszengarden.com
- http://csszengarden.com
- from: http://okdevtv.com/css.html
