CSS 기본 세팅

Base.css 설명 

태그	속성	설명
body	{margin:0;padding:0;background-color:#fff;font-size:12px;font-family:굴림,gulim,sans-serif;color:#333;}	배경 color 필수
hr	{display:none;}	레이아웃 구분(top/left/contents/footer)에만 적용
img,fieldset	{border:0 none;}
dl,ul,ol,li	{list-style:none;}
h1,h2,h3,h4,h5, dl,dt,dd, ul,li,ol, th,td, p,blockquote, form,fieldset,legend	{margin:0;padding:0;}
table	{border-collapse:collapse;}	서로 이웃하는 테이블이나 셀의 테두리션을 겹쳐서 표현 합니다.
th,td	{font-size:12px;font-family:굴림,gulim,sans-serif;color:#333;}
a	{text-decoration:none;}
a:link:hover, a:active	{text-decoration:underline;}	a:link:hover {text-decoration:underline;}로 바꾸면 엘리먼트가 링크일때만(href 속성을 가질때만) underline이 생긴다.
input	{padding:2px;vertical-align:middle;font-size:100%;}	DOCTYPE이 일때 padding:2px; select 기본 높이와 일치 vertical-align:middle; 이미지나 양식태그와의 병렬연결시 정렬
select	{height:18px;vertical-align:middle;font-size:100%;}	DOCTYPE이 일때 height:18px; orpera에서의 input 높이 거의 일치 vertical-align:middle; 이미지나 양식태그와의 병렬연결시 정렬

전체 선택자 사용시 주의점:

         * {}

 

전체선택자로 폰트 스타일 * {font-size:12px;font-family:굴림,gulim,sans-serif;color:#333}  적용시 새로 만들어진 모든 폰트에 스타일이 강제로 적용되며  폰트의 색갈변경시 상위 테그의 경로를 모두 선언해 주어야 하는 불편한 점이 있다.

전체선택자로  * {margin:0;padding:0;}  적용시 IE에서만 체크박스의 margin 값이 적용이 안된다..