728x90
반응형

CSS

!   !important,

pa   position:absolute;,

pos:r   position:relative;,

t   top:|;,

b   bottom:|;,

l   left:|;,

r   right:|;,



z   z-index:|;,

fl:l   float:left;,

fl:r   float:right;,


d:n   display:none;,

d:b   display:block;,

d:i   display:inline;,

d:ib   display:inline-block;,



v:v   visibility:visible;,

v:h   visibility:hidden;,



ov:v   overflow:visible;,

ov:h   overflow:hidden;,



ov:s   overflow:scroll;,

ovx:s   overflow-x:scroll;,

ovy:s   overflow-y:scroll;,

zoo   zoom:1;,


m   margin:|;,

mt   margin-top:|;,

mr   margin-right:|;,

mb   margin-bottom:|;,

ml   margin-left:|;,



p   padding:|;,

pt   padding-top:|;,

pr   padding-right:|;,

pb   padding-bottom:|;,

pl   padding-left:|;,



w   width:|;,

h   height:|;,



maw   max-width:|;,

mah   max-height:|;,

miw   min-width:|;,

mih   min-height:|;,



os   outline-style:|;,



bdcl:c   border-collapse:collapse;,



bd   border:|;,

bdt   border-top:|;,

bdr   border-right:|;,

bdb   border-bottom:|;,

bdl   border-left:|;,





bdrs   border-radius:|;,

bdtrrs   border-top-right-radius:|;,

bdtlrs   border-top-left-radius:|;,

bdbrrs   border-bottom-right-radius:|;,

bdblrs   border-bottom-left-radius:|;,





bg+   background:#FFF url(|) 0 0 no-repeat;,

bg:n   background:none;,



bgc   background-color:#FFF;,



bgi   background-image:url(|);,

bgi:n   background-image:none;,





bgr:n   background-repeat:no-repeat;,

bgr:x   background-repeat:repeat-x;,

bgr:y   background-repeat:repeat-y;,





bga:f   background-attachment:fixed;,

bga:s   background-attachment:scroll;,



bgp   background-position:0 0;,



c   color:#000;,



tbl:a   table-layout:auto;,

tbl:f   table-layout:fixed;,



lisp:i   list-style-position:inside;,

lisp:o   list-style-position:outside;,





list:n   list-style-type:none;,

list:d   list-style-type:disc;,

list:c   list-style-type:circle;,

list:s   list-style-type:square;,



lisi   list-style-image:|;,

lisi:n   list-style-image:none;,



va   vertical-align:|;,

va:t   vertical-align:top;,

va:m   vertical-align:middle;,

va:b   vertical-align:bottom;,

va:sub   vertical-align:sub;,

va:sup   vertical-align:super;,





ta:l   text-align:left;,

ta:c   text-align:center;,

ta:r   text-align:right;,





td:n   text-decoration:none;,

td:u   text-decoration:underline;,

td:o   text-decoration:overline;,

td:l   text-decoration:line-through;,



ti:-   text-indent:-9999px;,

lh   line-height:|;,





whs:p   white-space:pre;,

whs:nw   white-space:nowrap;,



wob:ba   word-break:break-all;,



wos   word-spacing:|;,

lts   letter-spacing:|;,



fz   font-size:|;,

ff   font-family:|;,

fw:b   font-weight:bold;,



f+   font:1em Arial,sans-serif;,



fs:i   font-style:italic;,

fs:o   font-style:oblique;,



op   opacity:|;,

op:ie   filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);,

op:ms   -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';,



cur:p   cursor:pointer;,

HTML 단축기

html:xt  XHTML 1.0



html:5  HTML5



a:  <a href="">



a:link:  <a href="http://|">



a:mail:  <a href="mailto:|">



link:css:  <link rel="stylesheet" type="text/css" href="${1:style}.css" media="all" />



link:print: <link rel="stylesheet" type="text/css" href="|print.css" media="print" />



meta:utf:  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />



style:   <style type="text/css">



script:   <script type="text/javascript">



script:src:  <script type="text/javascript" src="">



img:   <img src="" alt="" />



iframe:   <iframe src="" frameborder="0">



embed:   <embed src="" type="" />



form:   <form action="">



label:   <label for="">



input:h:  <input type="hidden" name="" />



input:t:   <input type="text" name="" id="" />



input:p:   <input type="password" name="" id="" />



input:c:   <input type="checkbox" name="" id="" />



input:r:   <input type="radio" name="" id="" />



input:f:   <input type="file" name="" id="" />



input:s:   <input type="submit" value="" />



input:i:   <input type="image" src="" alt="" />



input:reset:  <input type="reset" value="" />



input:b:   <input type="button" value="" />



select:   <select name="" id=""></select>



option:   <option value=""></option>



textarea:  <textarea name="" id="" cols="30" rows="10">
728x90
반응형

'etc' 카테고리의 다른 글

[웹접근성] TIP  (0) 2023.06.19
유용한 git 명령어  (0) 2023.06.14
android 디버깅 방법  (0) 2023.06.14
XSS (크로스사이트 스크립트)  (0) 2023.06.14
HAML 이란?  (0) 2023.06.14

+ Recent posts