This post is from a low-reputation account and contains an unverified outbound link. Be cautious before clicking external links.

기본 CSS 양식

limjungk(25)
Published in
#css
Words
257
Reading
2 min
Listen
Play
8y

html,body,div,span,applet,object,iframe,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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td, header, article, section, aside, nav, figure, figcaption, textarea, input {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {   display: block;}
  • { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:none;}

html { height:100%;}
body {
/font-family:Nanum Gothic;/
font-family:"맑은 고딕", Malgun Gothic;
font-size:13px;
color:#000;
letter-spacing:-1px;
line-height:1;
}

a:link { color:#000; text-decoration:none;}
a:visited { color:#a7a7a7; text-decoration:none;}

select { font-size:100%; vertical-align:middle; background-color:#fff;}
select[disabled] { background-color: #ccc;}
select.invalidate { background-color:#fff1f1;}

input[type=submit] { border:0; cursor:pointer;}
input[type=checkbox] { -webkit-border-radius:1px;}
input[type=checkbox], input[type=radio]  {
width:14px;
height:14px;
margin-top:-2px;
vertical-align:middle;
}
input[type=file], input[type=text], input[type=password] {
padding-left:3px;
font-size:100%;
vertical-align:middle;
border:1px solid #aaa;
background-color:#fff;
-webkit-appearance: none;
-webkit-border-radius:0;
}
input[type=text]:focus, input[type=password]:focus {
background-color:#ecf9ff;
}
input[readonly],
input[disabled] { background-color:#ccc;}

button {
border:0 none;
padding:0;
margin:0;
font-size:100%;
color:#000;
vertical-align:middle;
background:transparent;
cursor:pointer;
}
button::-moz-focus-inner {
margin: -1px;
padding: 0;
}

ul, ol {
list-style:none;
}

address,caption,cite,code,dfn,var,em {
font-style:normal;
font-weight:normal;
}

textarea {
width:100%;
padding:5px;
font-size:100%;
border:1px solid #aaa;
border-radius:0;
resize:none;
-webkit-appearance: none;
-webkit-border-radius:0;
}
textarea[disabled],
textarea[readonly]  {
background-color:#ccc;
}

fieldset,img {
border:0;
}

legend {
width:0;
height:0;
overflow:hidden;
margin:0;
padding:0;
visibility:hidden;
font-size:0;
line-height:0;
}

/* clear */
.clearfix::after { display:block; clear:both; visibility:hidden; height:0; content:'.';}

  • html .clearfix {
    height:1%;
    }
    .hidden {
    display:none;
    }
    .visible {
    position:absolute;
    top:-9999px;
    width:0;
    height:0;
    overflow:hidden;
    margin:0;
    padding:0;
    visibility:hidden;
    font-size:0;
    line-height:0;
    }
    /* Table */
    caption {
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    }
    table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells:show;
    }
    table th,
    table td { vertical-align: middle;}


스팀잇에서는 글 작성 후 일주일 정도 지나면 수정이 불가능하다. 최신 코드는 여기에서 확인.

기본 CSS 양식 | Ecency