리셋 css, 외부 프로그램

1. 직접 만듬

Reset.css 예시

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 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

 

 reset.css파일을 별도로를 만들어서 ccs 상단에  @import "reset.css"; 경로를 추가한다.

 

@import "reset.css";

 

2. 외부 프로그램을 연동

 

@import url(normalize.css);  -노말라이즈 는 유명한 리셋 css

 

 

그외 외부 연동 프로그램

@import url(common.css);  -공통 css
@import url(jquery-ui.css);  -제이쿼리 ui 라는 플러그인 (달력 등등) 사용할때 들어가야하는 css 
@import url(swiper.min.css);  -스와이퍼 슬라이드 사용할 때