reset CSS

 

 

 

css의 기본적인 값을 reset. 가장 보편적으로 쓰이는걸 가져오긴 했는데, 이정도까지 다 쓸 필요는 없다.

 

 

1. html, body, div, span, applet, object, iframe,
2. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

 

• a, abbr, acronym, address, big, cite, code,
• del, dfn, em, font, img, ins, kbd, q, s, samp,
• small, strike, strong, sub, sup, tt, var,
• dl, dt, dd, ol, ul, li,
• fieldset, form, label, legend,
• table, caption, tbody, tfoot, thead, tr, th, td {
•     margin: 0;
•     padding: 0;
•     border: 0;
•     outline: 0;
•     font-weight: inherit;
•     font-style: inherit;
•     font-size: 100%;
•     font-family: inherit;
•     vertical-align: baseline;
• }
• /* remember to define focus styles! */
• :focus {
•     outline: 0;
• }
• body {
•     line-height: 1;
•     color: black;
•     background: white;
• }
• ol, ul {
•     list-style: none;
• }
• /* tables still need 'cellspacing="0"' in the markup */
• table {
•     border-collapse: separate;
•     border-spacing: 0;
• }
• caption, th, td {
•     text-align: left;
•     font-weight: normal;
• }
• blockquote:before, blockquote:after,
• q:before, q:after {
•     content: "";
• }
• blockquote, q {
•     quotes: "" "";
• }
   

 

 

 

내가 가장 기본적으로 쓰는 reset css는 솔직히 이거밖에 안된다...;ㅅ;

 

/***********초기화값**********/
body, h1, h2, h3,h4, p, ul, dl, dd{
  margin: 0;
  padding: 0;
}
ul li{ list-style: none; }
a{ text-decoration: none;}
hr {display: none;}
.hidden{ position: absolute; left: -9999px;}
address { font-style:normal; }
small { font-size: 1em;}
img {border: 0;}
html,body{
  font-family: nanum square;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
 

 

여기에 body의 기본 color 지정해주거나, p나 h1~4까지의 기본 폰트크기를 지정해 주는정도.