https://github.com/lovefields/reset-css
reset css
https://github.com/lovefields/reset-css
css css3 reset reset-css
Last synced: about 1 year ago
JSON representation
reset css
- Host: GitHub
- URL: https://github.com/lovefields/reset-css
- Owner: lovefields
- Created: 2017-03-08T07:23:28.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-09-15T06:00:34.000Z (over 8 years ago)
- Last Synced: 2025-01-13T14:42:48.325Z (about 1 year ago)
- Topics: css, css3, reset, reset-css
- Language: CSS
- Size: 4.88 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
reset css
기본적으로 하위브라우저는 무시합니다.(CSS3)
charset 선언 (선택사항)
@charset "utf-8";
엘리먼트들의 margin,padding,border 제거, HTML5에서 해당 속성이 있는 엘리먼트만 넣었습니다.
body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,fieldset,legend,figure,menu{margin:0;padding:0;border:0}
테이블 관련 속성
table,th,td{border-spacing:0;border-collapse:collapse}
리스트 형식 엘리먼트 스타일 제거.
ol,ul,li{list-style:none}
h태그들의 속성을 초기화 시켯습니다, 제가 사용하는 방법이니 삭제하셔도 됩니다.
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal}
폰트 설정입니다, 기본적인 body에 선언하고 나머지는 arial 폰트를 기본적으로 가지고 있어서 재선언 해줫습니다.(pre,code 엘리먼트 의 폰트는 설정하지 않았습니다.)
body,input,textarea,keygen,select,button{font:normal 12px/1.2 'Open Sans','Noto Sans',sans-serif}
브라우저마다 기본적인 모양들이 들어가 있는 요소들의 모양을 조금 빼줫습니다.
input,textarea,select,button{margin:0;padding:0;border-radius:0;color:#333;outline:0;vertical-align:middle}
링크 관련 기본 모양을 제거했습니다.
a:link,a:visited,a:hover,a:active{text-decoration:none}
링크 다음으로 많이 사용하는 유저 인터렉션 버튼의 모양을 제거 했습니다, 주로 컨트롤로 용으로 많이 사용합니다.
a,button,input[type='submit'],input[type='button'],input[type='reset']{border:0;background:transparent;cursor:pointer}
이미지 정렬 및 링크시 border 제거.
img{border:0;vertical-align:top}
제가 사용하는 방법입니다.
좀더 좋은 방법 및 피드백은 환영이지만 근거없는 피드백 및 방법론은 무시하겟습니다.