2011. 6. 28. 15:39
CSS 팁 모음
2011. 6. 28. 15:39 in 팁&테크/HTML & Bootstrap
앞으로 여기에 간단한 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;
- 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;