어떤 HTML5 재설정 CSS를 사용하고 그 이유는 무엇입니까? [닫은]

어떤 HTML5 재설정 CSS를 사용하고 그 이유는 무엇입니까? 더 많은 사건을 다루기 위해 찾은 것이 있습니까?

HTML5 Doctor 's를 사용하기 시작했습니다 : http://html5doctor.com/html-5-reset-stylesheet/ 작동하는 것 같지만 더 나은 것이 있는지 궁금합니다.

실제 이야기 : kaikai 가 옳은 가격 인하에도 불구하고 * padding & margin을 0으로 재설정하면됩니다.

안타깝게도 99 %는 수백 개의 브라우저 버전을 따라 잡을 수있는 자원이나 인력이 없습니다. 따라서 일반적인 웹 사이트에는 재설정 시트가 필수적입니다.

html5reset : (너무 방해가됩니다)

방금 http://html5reset.org/를 살펴 보았습니다 .

img,
object,
embed {max-width: 100%;}

과:

html {overflow-y: scroll;}

나는 그것이 좋은 의도를 가지고 있다는 것을 이해하지만, 그것은 재설정 시트의 일이 아닙니다. 너무 많은 가정을하고 있습니다.

청사진 재설정 :( 말 그대로 청사진)

body {
  line-height: 1.5;
  background: white;
}

1.5로 뭐죠? 그리고 왜 배경이 흰색입니까? (수정을위한 것이지만 여전히 필요하지는 않습니다)

Normalize.css : (정상이 아님)

https://github.com/necolas/normalize.css/blob/master/normalize.css

웹킷 / 즉 해킹으로 시작했지만

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

모든 헤더 태그가 타겟팅됩니다. & 그들은 몸의 선 높이를 재설정하지 않습니다.

위의 모든 작업이 의도 한 작업을 잘 수행한다고 확신하지만 필요 이상으로 재정의 될 수 있습니다.

에릭 마이어

유이

HTML5Boilerplate

위의 내용은 Boilerplate가 (과도하게 친근한)쪽에 기대어있는 프로를위한 것입니다. 현재 내 사용자 지정 재설정의 80 %는 상용구입니다.

나는 세 가지 모두를 조금씩 살펴보고 나만의 것으로 만들 것입니다. 그것은 로켓 과학이 아닙니다.

Normalize.css 는 데스크톱 및 모바일 브라우저 모두에 적합하며 널리 사용되는 많은 HTML 템플릿에서 사용됩니다.

그러나 및 all제외 direction하고 CSS 속성을 재설정 하는 CSS 속성을 사용하는 것은 unicode-bidi어떻습니까? 이렇게하면 추가 파일을 포함 할 필요가 없습니다.

{
    all: unset
}

CSS all는 IE / Edge를 제외하고 광범위하게 지원됩니다. 마찬가지로 unset.

reset.css 에서 사용 청사진 CSS의 프레임 워크는 잘 작동하고 HTML5 요소를 포함한다. screen.css 파일에 포함 됩니다.

Blueprint는 새 사이트의 신속한 프로토 타이핑에 유용한 리소스이며 소스 코드는 잘 구성되어 있으며 배울 가치가 있습니다.

Eric Meyer는 또한 CSS 재설정 v2를 출시했습니다 (그리고 거의 1 년 전에 그렇게했습니다).

http://meyerweb.com/eric/tools/css/reset/

1. 많은 CSS 재설정과 달리 유용한 기본값을 유지합니다.
2. 다양한 HTML 요소의 스타일을 표준화합니다.
3. 버그 및 일반적인 브라우저 불일치를 수정합니다.
4. 미묘한 개선으로 유용성을 향상시킵니다.
5. 자세한 주석을 사용하여 코드가 수행하는 작업을 설명합니다.

normalize.css

* {
    margin: 0;
    padding: 0;
}

간단하지만 완전히 효과적입니다. 아마 던져 :

body {
    font-size: small;
}

좋은 측정을 위해.

HTML5 사양에는 CSS 지원 브라우저에 대한 권장 CSS 선언이 포함되어 있습니다. 그것의 재미를 위해 나는 그것들을 가져다가 그것을 되 돌렸다. 이 기사 에서 결과 를 볼 수 있습니다 .

그러나 나는 이것을 프로덕션에서 사용하지 않는 것이 좋습니다. 개념 증명에 가깝고 다목적 재설정 스타일 시트로 사용하는 것보다 힌트를 제공하는 데 더 유용 할 수 있습니다. 이전의 다른 제안이 더 나은 선택 일 수 있습니다.

Normalize 또는 HTML5 Doctor의 재설정을 사용하고 작업중인 프로젝트에 맞게 변경합니다.

BTW 그것은 다소 표준이 된 재설정을 사용하는 개념 일뿐입니다.