[코딩] reset.css 제일 많이 사용하는것들이네요.
2015. 9. 9. 01:12
그누+배추빌더
홈페이지를 제작할때 가장먼저 하는것이 reset.css 를 넣고 시작하는데요.
보통 reset.css 의 경우 그냥 복사 붙여넣기를 많이 하시는데, 그럴경우 내가 쓸것을 잘 모를수 있을거 같아요 ㅎ.
이 reset.css는 자주 이용되는 css 를 좀 정리를 해서, 숙지하시면 html코딩하실때 좀더 편하게 하실수 있을거 같습니다. (저만 편할수도 있구요;;)
01 | /* browser reset */ |
02 | 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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input |
03 | {margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;} |
04 | article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block} |
05 | q,blockquote{quotes:none} |
06 | img, span, div, input, textarea, select {vertical-align:middle;} |
07 | xmp {font-family:"Nanum Gothic";font-size:12px;} |
08 | ul{list-style:none} |
09 | table{border-collapse:collapse;border-spacing:0} |
10 | .fx {table-layout:fixed;} |
11 | caption,th,td{text-align:left;font-weight:normal;vertical-align:middle} |
12 | fieldset, img{border:none} |
13 | a,a:active,a:focus,a:visited{color:#5d5d5d;outline:none;text-decoration:none} |
14 | a:hover{outline:none;text-decoration:none} |
15 | input[type="text"],textarea,select {border:solid 1px #dadada;font:inherit;} |
16 | html, body {width:100%;height:100%;font-family:"Nanum Gothic";font-size:12px;color:#777777;} |
17 |
18 | img.cur {cursor:pointer;} |
19 | .foB {font-weight:bold;} |
20 | .fLeft {float:left;} |
21 | .fRight {float:right;} |
22 | .taC {text-align:center;} |
23 | .taL {text-align:left;} |
24 | .taR {text-align:right;} |
25 | ul.wide li {display:inline-block;*display:inline;*zoom:1;margin-right:-4px;*margin-right:0;} |
26 | :root ul.wide li {margin-right:-4px\0/IE9;} |
27 | dl.wide dt, dl.wide dd {display:inline-block;*display:inline;*zoom:1;margin-right:-4px;*margin-right:0;} |
28 | :root dl.wide dt, :root dl.wide dd {margin-right:-4px\0/IE9;} |
29 | li.end {margin-right:0 !important;padding-right:0 !important;border-right:0 !important;background:none !important;} |
30 | .clr{display:block; float:none; clear:both; width:100%; height:0; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;} |
31 | .blk{width:100%; float:none; clear:both; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;} |
32 | .cur {cursor:pointer;} |
33 | span.cuation {color:#ff0060;font-size:11px;} |
34 | /* ################################################## */ |
35 | img.button {cursor:pointer;} |
'그누+배추빌더' 카테고리의 다른 글
| [코딩] php 배열 키값에 따옴표 넣기 정규식 (0) | 2015.09.09 |
|---|---|
| [코딩] css 폰트 설정시 브라우저 제약없이 비슷하게 보이게 하는방법 (0) | 2015.09.09 |
| [코딩] php 자동 이동 태그 (= php 납치 태그) (0) | 2015.09.09 |
| [코딩] 자바스크립트 다중 셀렉트 코드 -[펌] (0) | 2015.09.09 |
| [코딩] 상단에 넣을 수 있는 이미지 셔플 (0) | 2015.09.09 |