Bezvadný návrh stránek: resetujte CSS

Když prohlížeč otevře web, automaticky aktualizuje pravidla stylu ve výchozím nastavení. Různé verze různých prohlížečů mají vlastní hodnoty pravidel CSS. Pokud vývojář nesprávně zadal správnou hodnotu nebo vůbec nepopisoval požadované pravidlo, prohlížeč používá svou vlastní volbu. Myšlenka na resetování CSS při stahování webu vám umožní vyrovnat rozdíly mezi prohlížeči a zobrazovat správný obsah vždy a ve všech zařízeních ve většině případů stejným způsobem.

Podstata a implementace nápadu

HTML elementy stránky jsou umístěny podle pravidel CSS. Vývojář není povinen specifikovat všechna pravidla pro všechny prvky a může používat výchozí hodnoty. Ve většině případů je to přijatelné řešení. Pokud je skutečným úkolem shodné zobrazení webového zdroje na různých zařízeních, v různých prohlížečích, je vhodné nastavit kritické pravidla na požadované hodnoty.


Následující příklad obsahuje různé možnosti pro doporučenou sadu resetů. Pravidla CSS jsou nastavena na "nulový" stav. Ve skutečnosti je myšlenka upřesnit hodnoty kritických pravidel a následně budovat návrh stránky na "čisté" bázi. Při navrhování webu můžete vytvořit samostatný instalační soubor pro kritické hodnoty pro všechna pravidla CSS, které používáte. Použijte "silný" nápad jako "*":
  • {sada hodnot všech pravidel}
  • není nejlepší řešení. Mnoho stylů začíná přesně touto možností obnovení CSS. HTML5 nabízí široký rozsahpříležitosti pro tvorbu struktury a obsahu stránky, takže při vývoji vlastní verze nastavení výchozích hodnot je lepší volební cesta než rozhodnutí vyčistit celý velkoobchod pod jedním hřebenem - "*".


    Popis stylů stránek může být hromadný. Možnost použití chování "*" nebo odkaz na každé konkrétní pravidlo, třídu nebo identifikátor závisí na vývojáři.

    Vlastní možnosti pro nastavení hodnot v CSS

    Existuje mnoho souborů doporučených hodnot populárních pravidel a seznamů tagů, které podléhají scénáři s nulovým stavem na internetu:
  • existují kompetentní myšlenky;
  • navrhuje teoreticky založené varianty;
  • copyright funguje jako CSS;
  • Existuje mnoho soukromých produktů.
  • Stahování výchozí verze souboru reset.css není problém, ale není to vždycky užitečná akce.
    Vlevo

    soubor "produktivních" řešení od několika odborníků CSS. Right

    - dvojice stylů, které stačí k zobrazení jednoduché stránky pro umístění obrázku online obchodu. Jednoduchost je klíčem k úspěchu: jednoduchá, srozumitelná a proměnlivá. Neexistují pochybnosti: znalosti a dovednosti kolegů - poučné a praktické, ale v každém konkrétním případě je inteligentnější řešení produktivnější.

    Správa lokality a manuální práce

    Všechny populární systémy správy webu (CMS) obsahují soubory stylů. Některé z těchto stylů poskytují ekvivalentní zobrazení webu v různých prohlížečích na libovolném zařízení. Pochopte, kde je popsáno, které pravidlo nebo vlastnost je zděděnanebo specifikováno, je dost obtížné.
    Použití CMS eliminuje problém s tím, jak připojit reset.css a použít ho, ale omezuje vývojáře, když je nutné správně a přesně ovlivnit návrh webového zdroje. Je upřednostňována vlastní verze sady hodnot a značek, které mají být nastaveny na původní stav. Když vytvoříte stránky od začátku - je to jediná rozumná možnost. Aplikujte znalosti a dovednosti svých kolegů a analyticky prozkoumejte každý soubor reset.css, který se nachází na internetu, úkol je zajímavý, ale nepravděpodobné.
    Kvalitní webový zdroj používá určitou sadu značek, aby minimalizoval jejich počet a usiluje o snadnou prezentaci obsahu. Vezměte za základ soubor napsaný pro Yahoo, Google nebo Yandex - prakticky, ale vždy moudřejší je vaše vlastní, méně autoritativní, skromnější, ale soběstačná volba.

    Reset proveditelnosti CSS

    English terminologie dokonale mísí v programování, ale v souvislosti s podmínkami a CSS obnovit první pocit neobnoví druhý - tabulku stylů kaskádové. Toto není případ restartování systému Windows, pokud jde o sebe, a nereaguje na nic jiného než "Reset". Bezchybně provedené stránky musí kontrolovat nejen sebe, svou funkčnost a dialog s návštěvníky. Vývojář musí uvažovat o všech možnostech zobrazování potřebného návrhu ve všech možných prohlížečích na všech dostupných počítacích platformách.
    Úloha není proveditelná (prohlížeče neustále postupují a zařízení neustále roste v počtu a funkčnosti), ale můžete něco udělat. To je správnénastavení počátečních hodnot stylů - skutečný význam resetování CSS. Vývojář systématizuje všechny styly, které zamýšlí používat, a sestaví seznam značek, na které budou použity vybrané styly. Tato práce se provádí v úzké spolupráci s vývojem dědičných problémů a kombinací různých stylových pravidel pro kompaktní popis bloků sémantického obsahu, které zahrnují sémanticky příbuzné prvky.

    Systém stylů - perfektní půda

    Systematizace stylů je dána tématem lokality, vyřešenou úlohami, zkušenostmi developera. Jiné faktory mohou mít významný vliv na skutečný produkt.
    Logika myšlenky resetovat CSS je formulovat nadaci nejen v systému stylů, ale také ve fungování lokality jako celku. Webový zdroj je specifický cíl, implementace požadované funkce, pravidla pro zobrazení informací a dialog návštěvníka.

    Související publikace