1. CSS STUDY

3. PADDING

4. padding-top
padding-right
padding-bottom
padding-left

5. padding-left:1px;

6. padding:TOP RIGHT BOTTOM LEFT;

7. padding:TOP RIGHT BOTTOM LEFT;
padding:1px;
padding:1px 2px;
padding:1px 2px 3px;
padding:1px 2px 3px 4px;

8. MARGIN

9. margin-top
margin-right
margin-bottom
margin-left

10. margin-left:1px;

11. margin:TOP RIGHT BOTTOM LEFT;

12. MARGIN COLLAPSING

13. 서로 다른 요소에 수직 방향의 마진이 접해 있는 경우
두 값의 합이 아닌 둘 중에 큰 값이 적용

14. BORDER

15. border-top
border-top-color
border-top-style
border-top-width
border
border-color
border-left border-right
border-style
border-left-color border-right-color
border-width
border-left-style border-right-style
border-left-width border-right-width
border-collapse
border-spacing
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width

16. border border border
WIDTH STYLE COLOR
1px solid #fff
dotted
dashed
double
groove
ridge
outset
inset

17. border-left:WIDTH STYLE COLOR;
border-style: STYLE STYLE STYLE STYLE;
border:WIDTH STYLE COLOR;

18. WIDTH, HEIGHT

19. min-width
max-width
min-height
max-height

20. BACKGROUND

21. background-color
background-image
background-repeat
background-attachment
background-position

22. background:COLOR IMAGE REPEAT ATTACHMENT POSITION;

23. background:#fff url(bg.gif) repeat-x fixed 5px 5px;

24. IMAGE REPLACEMENT

25. 의미가 포함된 이미지를 배경으로 사용하고
그와 같은 의미의 텍스트를 숨겨
시각이 있는 사용자에게는 이미지를 보여주고
스크린리더는 텍스트를 읽게 만드는 기법

26. IMAGE SPRITE

27. IR기법에 사용 될 이미지를 그룹화 하여
네트워크 리퀘스트 및 용량을 줄이는 기법

29. 사용 빈도
+
이미지의 전체적 색상
+
background-repeat 종류

30. HASLAYOUT

31. LAYOUT?
각각의 요소가 어떻게 렌더링되고
다른 요소들과 어떻게 상호작용 하는지를
결정하는 윈도우즈 버전 IE만의 독자적인 개념

32. 흔히 발생하는 IE의 float 버그
기본 속성(width, height 등)이 표준과 다르게 적용되는 박스
요소와 컨테이너(container) 사이에 마진(margin)이 합쳐지는 현상
리스트(ul, ol 등)를 만들 때 나타나는 다양한 현상들
배경 이미지 위치를 다르게 해석하는 문제
스크립트를 사용할 때 발생하는 브라우저 호환성 문제
기타 등등 주절주절주절

33. position: absolute
float: left|right
display: inline-block
width: ‘auto’외의 모든 값
height: ‘auto’외의 모든 값
zoom: ‘normal’외의 모든 값 (IE 전용)
writing-mode: tb-rl (IE 전용)
overflow: hidden|scroll|auto (IE7만 적용됨)
overflow-x|-y: hidden|scroll|auto (IE7만 적용됨)
position: fixed, min-width, max-width, min-height, max-height (IE 7만)
IE6 이상의 표준 렌더링 모드에서는 인라인 요소의 width, height 속성이 무시

34. zoom:1;