Bezbłędny projekt strony: zresetuj CSS

Gdy przeglądarka otwiera witrynę, automatycznie aktualizuje reguły stylu. Różne wersje różnych przeglądarek mają własne wartości reguł CSS. Jeśli programista nie określił poprawnej wartości poprawnie lub nie opisał wymaganej reguły, przeglądarka używa własnej opcji. Pomysł wykonania resetowania CSS podczas pobierania witryny pozwala w różnym stopniu wyrównać różnice między przeglądarkami i wyświetlać właściwą treść zawsze i na wszystkich urządzeniach w ten sam sposób.

Istota i implementacja idei

Elementy HTML strony są umieszczane zgodnie z regułami CSS. Programista nie musi określać wszystkich reguł dla wszystkich elementów i może używać wartości domyślnych. W większości przypadków jest to dopuszczalne rozwiązanie. Jeśli rzeczywiste zadanie polega na identycznym wyświetlaniu zasobu sieciowego na różnych urządzeniach, oknach różnych przeglądarek, zaleca się ustawienie zasad krytycznych na wymagane wartości.


Poniższy przykład przedstawia różne opcje zalecanego zestawu resetowania. Reguły CSS są ustawione na stan "zero". W rzeczywistości chodzi o to, aby określić wartości najważniejszych zasad, a następnie zbudować projekt strony na zasadzie "czystej". Podczas projektowania witryny można utworzyć osobny plik instalacyjny dla wartości krytycznych dla wszystkich reguł CSS, z których korzystasz. Użyj "potężnego" pomysłu, takiego jak "*":
  • {zestaw wartości dla wszystkich reguł}
  • nie jest najlepszym rozwiązaniem. Wiele arkuszy stylów rozpoczyna się właśnie od tej opcji resetowania CSS. HTML5 oferuje szeroki zakresMożliwości dotyczące struktury i zawartości strony, więc kiedy rozwija swoją własną wersję ustawienie początkowe wartości raczej selektywny sposób niż za pomocą grzebienia hurtowym wszyscy z tego samego pędzla - „*”.


    OPIS stylów stronie mogą być dużej objętości. Możliwości wykorzystania traktowany „*” lub odniesienie do każdej konkretnej klasy lub identyfikatora reguły zależy od dewelopera.

    Instalacja niestandardowa Opcje wartości w CSS

    w Internecie nawiedza wiele zestawów zalecanych wartości listach ludzi zasad i znaczniki należy zresetować w „zero” stanu:
  • jest właściwa opinia;
  • proponuje teoretycznie uzasadnione warianty;
  • dzieła chronione prawem autorskim CSS;
  • Istnieje wiele produktów prywatnych.
  • Pobierz plik standardowej wersji reset.css - nie ma problemu, ale to nie zawsze jest właściwe działanie.
    Od lewej

    zestaw „produktywnych” rozwiązań z kilku guru CSS. Przypadek

    - kilka stylów, który jest na tyle prosty, aby wyświetlić stronę do wysyłania zdjęć towarów w sklepie internetowym. Prostota - klucz do sukcesu: proste, jasne i yzmenyaemo. Nie ulega wątpliwości, wiedza i umiejętności z kolegami - pouczających i praktycznych, ale w każdym przypadku produktywny rozsądnym rozwiązaniem.

    System zarządzania treścią i ręcznie

    Wszystkie popularny system zarządzania treścią (CMS) to pliki stylów. Niektóre z tych stylów zapewnia równoważną wyświetlania strony w różnych przeglądarkach na dowolnym sprzęcie. Dowiedz się, gdzie opisano, która zasada lub własność została odziedziczonalub określone, jest wystarczająco trudne.
    Korzystanie z CMS eliminuje problem związany z połączeniem reset.css i używanie go, ale ogranicza programistę, gdy jest to konieczne, aby poprawnie i dokładnie wpłynąć na projekt zasobu sieciowego. Zalecana jest niestandardowa wersja zestawu wartości i znaczników, które mają być ustawione na pierwotny stan. Gdy tworzysz witrynę od podstaw - jest to jedyna rozsądna opcja. Zastosuj wiedzę i umiejętności kolegów i analitycznie zbadaj każdy plik reset.css, znaleziony w Internecie, zadanie jest interesujące, ale mało prawdopodobne.
    Wysokiej jakości zasoby sieciowe wykorzystują pewien zestaw tagów w celu zminimalizowania ich liczby i dążą do łatwego prezentowania treści. Weź pod uwagę plik napisany dla Yahoo, Google lub Yandex - praktycznie, ale zawsze mądrzejszy jest twój własny, mniej autorytatywny, skromniejszy, ale samowystarczalny.

    Celowość resetowania angielskiej terminologii CSS

    idealnie pasuje do programowania, ale w kontekście terminów resetowania i CSS sens pierwszego nie jest w ogóle resetowaniem drugiego - tabel stylów kaskadowych. Nie jest to przypadek ponownego uruchamiania systemu Windows, gdy przychodzi do niego i nie reaguje na nic poza "resetem". Bezbłędnie wykonana strona musi kontrolować nie tylko ciebie, twoją funkcjonalność i dialog z gościem. Programista musi wymyślić wszystkie opcje wyświetlania niezbędnego projektu we wszystkich możliwych przeglądarkach na wszystkich dostępnych platformach komputerowych.
    Zadanie jest niewykonalne (przeglądarki nieustannie się rozwijają, a urządzenie stale zwiększa liczbę i funkcjonalność), ale można coś z tym zrobić. Zgadza sięustawianie początkowych wartości stylów - prawdziwe znaczenie resetowania CSS. Deweloper systematyzuje wszystkie style, które zamierza wykorzystywać i kompiluje listę znaczników, do których wybrane style zostaną zastosowane. Prace te są prowadzone w ścisłej współpracy z rozwojem zagadnień dziedziczenia i połączeniem różnych reguł stylistycznych dla zwartego opisu bloków treści semantycznych, które zawierają semantycznie powiązane elementy.

    System stylów - idealne podłoże

    Systematyzacja stylów zależy od tematu strony, rozwiązanego przez zadania, doświadczenia programisty. Inne czynniki mogą mieć znaczący wpływ na rzeczywisty produkt.
    Logika pomysłu resetowania CSS polega na sformułowaniu fundamentów nie tylko w systemie stylów, ale także w funkcjonowaniu strony jako całości. Zasób internetowy to określony cel, implementacja wymaganej funkcjonalności, zasady wyświetlania informacji i dialog dla odwiedzających.

    Powiązane publikacje