0217_1교싱

#백그라운드 어태치

background: url("jongno_logo.gif") no-repeat 600px 400px fixed;
스플라이트 기법
> 아이콘 관리하기 푠함 (예: 다음 사이트 참고)

 

#리스트의 작은 아이콘 백그라운드에 넣어주기

 

#overflow

 

#display

display:block; //숨긴것을 보여줄때도 사용

display:inline;

display:inline-block; // 둘이 합쳐짐

display:none; // 컨텐츠 숨길때 사용 스크린 리더기가 못읽음(so, 안읽어도 되는 요소에만 적용)

>주로 스크립트 작업때 많이 사용 함

예) 탭UI에서 탭버튼에 마우스 오버하면 해당 콘텐츠 노출

예) 페이징 버튼
방법 2가지
1) ul il(블록요소) a: 세로로 배치됨
2) div a(인라인요소) : 가로로 배치됨 

1)방법은 세로기 때문에 가로로 배치해 주어야 함
부모: 가운데로 배치 <--text-align: center
자식은 옆으로 가서 가로로 배치 <-- display:inline-blcok