reset CSS

자주 적용되는 부분들을 모아서 작성한 reset CSS  

• body에 서체와 글씨크기를 적용했더라도 적용되지 않는 서식 컨트롤들까지 함께 기입
• 글씨 크기는 12px을 기준으로 한다. 그려면 11px로 글씨를 줄일 수도 있고, 그 이상으로 글씨를 키울 수도 있다. 단, 11px 보다 더 작으면 글씨가 뭉개질 수가 있다.
• 공백과 세미콜론의 사용을 최소화한다.
• 맑은 고딕은 많은 브라우저에서 지원하며, 윈도우 비스타이상이면 설치되어 있다. 
• 필드셋의 보더를 0으로 설정한다.
• 익스플로러 하위 버전에서는 이미지에 a링크를 걸면 테두리가 그려지므로 border를 0으로 설정한다.
• em, address는 의 폰트스타일은 노말로 변경하고, 이탤릭체가 따로 필요할 때 적용한다.
• a의 decoration은 none으로 설정한다.  

 

/* reset */

html,body{width:100%;height:100%}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin: 0;padding:0}

body,input,textarea,select,button,table{font-family: 'Malgun Gothic',Dotum,AppleGothic,sans-serif;font-size:12px}

img,fieldset{border: 0}

ul,ol{list-style: none;}

em,address{font-style: normal}

a{text-decoration: none}

a:hover,a:active,a:focus{text-decoration:underline}