2011. 6. 28. 15:39

CSS 팁 모음

앞으로 여기에 간단한 CSS관련 팁을 계속 추가할 예정임

- LI 사이에 공백이 있을 경우(이미지 나열 시 오른쪽에 빈공백)
   -> LI의 왼쪽 공백을 -4px를 준다. 예) LI {margin : 0 0 0 -4px;}
       상위 UL,OL 에는 반대로 margin : 0 0 0 4px; 를 줘야 왼쪽으로 쏠리지 않음 
 

- float 의 가상 선택자를 이용한 clear
   -> FLOAT를사용한오브젝트:after {content:""; display:block; clear:both; } 

- object 중앙 정렬
   -> 좌우마진을 auto로 하면 중앙에 위치, 반드시 width값이 있어야 함 예) margin : 0 auto;