본문 바로가기

Web standard

html5 & css3 초기화 파일 , mobile -webkit-

반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, 
minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> 메뉴 :: 브랜드명 서비스 </title>
<link rel="stylesheet" type="text/css" href="../style/common.css" />
</head>
<body class="">
<!-- header -->
<header>
</header>
<!-- //header -->
<hr />
<!-- content -->
<section id="ct">
<article>
<h1></h1>
</article>
</section>
<!-- //content -->
<hr />
<!-- nav -->
<nav>
</nav>
<!-- //nav -->
</body>
</html>




@charset "utf-8";
/* common */

/* common */

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,menu{margin:0;padding:0;-webkit-text-size-adjust:none}

body,input,textarea,select,table,button,code{font-size:14px;font-family:'yungothic'}

body{position:relative;word-wrap:break-word;word-break:break-all;-webkit-tap-highlight-color:rgba(0,0,0,0)}

nav,menu,ul,ol{list-style:none}

table{border-collapse:collapse}

img,fieldset{border:0}

em,address{font-style:normal}

section,article,header,footer,nav,aside,hgroup{display:block}

.hc{visibility:hidden;overflow:hidden;position:absolute;text-indent:-1000em;width:0;height:0;font-size:0;line-height:0}

.hidden{text-indent: 100%;white-space: nowrap;overflow: hidden}

hr{display:none !important}

/* layout */
#ct{clear:both;width:100%;background-color:#fff}
#ct:after{content:'';display:block;clear:both}
 


반응형