Którego resetowania CSS HTML5 używasz i dlaczego? [Zamknięte]

Którego resetowania CSS HTML5 używasz i dlaczego? Czy jest taki, który znalazł zastosowanie w większej liczbie przypadków?

Zacząłem używać HTML5 Doctor's: http://html5doctor.com/html-5-reset-stylesheet/ Wydaje się, że działa, ale zastanawiam się, czy jest coś lepszego.

Prawdziwa rozmowa: Pomimo przeceny kaikai ma rację, wystarczy zresetować * dopełnienie i margines do 0.

Chociaż niestety 99% z nas nie ma zasobów ani siły roboczej, aby nadążyć za setkami dostępnych wersji przeglądarek. Tak więc arkusz resetowania jest niezbędny dla typowej strony internetowej.

html5reset: (zbyt przeszkadza)

Właśnie rzuciłem okiem na http://html5reset.org/

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

I:

html {overflow-y: scroll;}

Rozumiem, że ma dobre intencje, ale to nie jest zadanie resetowania arkusza. Robi zbyt wiele założeń.

Reset BluePrint: (dosłownie plan)

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

Co słychać z 1.5. A dlaczego białe tło? (Wiem, że to do korekty, ale nadal nie jest to konieczne)

Normalize.css: (Nie normalne)

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

Zaczęło się dobrze od niektórych webkitów / hacków, ale

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;
}

Każdy tag nagłówka jest kierowany. i nie resetują wysokości linii ciała.

Jestem pewien, że wszystkie powyższe czynności dobrze spełniają swoje zadanie, ale prawdopodobnie zostaną zastąpione bardziej niż to konieczne.

Eric Meyer

YUI

HTML5Boilerplate

Powyższe jest bardziej dla profesjonalistów z Boilerplate przechylonym w (zbyt przyjazną) stronę, jestem pewien ze względu na popularność. W tej chwili 80% mojego niestandardowego resetowania to szablon.

Mam zamiar przejść przez wszystkie trzy etapy i stworzyć własne, to nie jest fizyka jądrowa.

Normalize.css doskonale sprawdza się zarówno w przeglądarkach stacjonarnych, jak i mobilnych i jest używany w wielu popularnych szablonach HTML.

Ale co z używaniem allwłaściwości CSS, która resetuje właściwości CSS z wyjątkiem directioni unicode-bidi? W ten sposób nie musisz dołączać żadnych dodatkowych plików:

{
    all: unset
}

CSS allma szerokie wsparcie z wyjątkiem IE / Edge. Podobnie z unset.

Plik reset.css używany przez framework Blueprint CSS działa dobrze i zawiera elementy HTML5. Zostaje dołączony do ich pliku screen.css .

Blueprint to przydatne źródło do szybkiego tworzenia prototypów nowych witryn, a ich kod źródłowy jest dobrze zorganizowany i warto się z niego uczyć.

Eric Meyer wydał również wersję 2 swojego resetu CSS (i zrobił to prawie rok temu):

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

1. Zachowuje przydatne ustawienia domyślne, w przeciwieństwie do wielu resetowań CSS.
2. Normalizuje style dla szerokiej gamy elementów HTML.
3. Poprawia błędy i typowe niespójności przeglądarki.
4. Poprawia użyteczność dzięki subtelnym ulepszeniom.
5. Wyjaśnia, co robi kod, używając szczegółowych komentarzy.

normalize.css

* {
    margin: 0;
    padding: 0;
}

proste, ale całkowicie skuteczne. być może dorzuć:

body {
    font-size: small;
}

na dokładkę.

Specyfikacja HTML5 zawiera zalecane deklaracje CSS dla przeglądarek obsługujących CSS. Dla zabawy wziąłem je i przywróciłem te, w których ma to sens. Możesz zobaczyć wynik w tym artykule .

Jednak nie polecam używania tego w produkcji. Jest to bardziej dowód słuszności koncepcji i może być lepiej używany do udzielania wskazówek niż do uniwersalnego resetowania arkusza stylów. Wszelkie inne sugestie podane wcześniej mogą być lepszym wyborem.

Używam Normalize lub reset z HTML5 Doctor i dostosowuję to do projektu, nad którym pracuję.

A tak przy okazji, to tylko koncepcja użycia resetu stała się mniej więcej standardem.