자주 적용되는 부분들을 모아서 작성한 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}
'개발 > Web' 카테고리의 다른 글
보이는 대로 생각하는 일을 넘어서기 (0) | 2019.06.21 |
---|---|
크로스 브라우징을 하기 위한 속성 (0) | 2019.06.19 |
overflow: hidden의 중요성... (0) | 2019.06.12 |
블록 레벨 요소 vs 인라인 레벨 요소 (0) | 2019.02.09 |
HTML5에서 새로 생긴 Sematic 요소들입니다. (0) | 2019.02.09 |