css초기화 속성 on redgoose note

css초기화 속성

Nest: Development Category: html/css 2019-07-01

  • css 초기화는 사이트 제작 프로젝트를 시작할때 css를 건드릴때 가장 먼저 시작하는 작업이다.
  • 태그속성이나 자주 사용하는 클래스 속성들을 미리 등록한다.
  • 초기화된 속성은 사이트의 모든 부분에 영향을 미친다.

PC용 xhtml css초기화

@charset "utf-8";
/* Tag */
body {margin:0; padding:0; font-family:NanumGothic, Malgun Gothic, Arial, Sans-serif;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {display: block;}
img {border:none; -ms-interpolation-mode:bicubic !important;}
table {border-collapse:collapse; border-spacing:0;}
/* Attribute */
.block {display: block;}
.clear {clear: both;}
.blind {overflow:hidden; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}

Mobile용 xhtml css초기화

@charset "utf-8";
/* Tag */
body {margin:0; padding:0; -webkit-text-size-adjust:none; font-family:Sans-Serif;}
table {border-collapse:collapse; border-spacing:0;}
fieldset {margin:0;}
a {text-decoration:none;}
/* Attribute */
.block {display: block;}
.clear {clear: both;}
.blind {overflow:hidden; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}