Zoznámte sa s kaskádovými štýlmi pomocou tejto šablóny CSS
Definujte základné štýly na každej webovej stránke, ktorú vytvoríte
ObsahRozbaliť- Sada znakov
- Úprava štýlu tela stránky
- Predvolené štýly písma
- Titulky
- Štylizácia odkazov
- Kompletný zoznam štýlov
Keď ty vytvoriť webovú stránku od začiatku , je rozumné začať s definovanými základnými štýlmi. Je to ako začať s čistým plátnom a čerstvými štetcami. Jedným z prvých problémov, ktorým čelia web dizajnéri, je to webové prehliadače všetky sú iné. Predvolená veľkosť písma sa líši od platformy k platforme, predvolená rodina písiem je iná, niektoré prehliadače definujú okraje a výplň na značke tela, zatiaľ čo iné nie atď. Obíďte tieto nezrovnalosti definovaním predvolených štýlov pre svoje webové stránky.
CSS a znakovú sadu
Najprv nastavte znakovú sadu vašich dokumentov CSS na utf-8 . Aj keď je pravdepodobné, že väčšina stránok, ktoré navrhujete, je napísaná v angličtine, niektoré môžu byť lokalizované – prispôsobené rôznym jazykovým a kultúrnym kontextom. Keď sú, utf-8 zjednodušuje proces. Nastavenie znakovej sady v externý štýlový list nebude mať prednosť pred a HTTP hlavičky, ale vo všetkých ostatných situáciách bude.
Nastavenie znakovej sady je jednoduché. Pre prvý riadok dokumentu CSS napíšte:
|_+_|
Týmto spôsobom, ak používate medzinárodné znaky vo vlastnosti content alebo as názvy tried a ID , šablóna štýlov bude stále fungovať správne.
Úprava štýlu tela stránky
Ďalšia vec, ktorú predvolená šablóna štýlov potrebuje, sú štýly vynulujte okraje, výplň a okraje . To zaisťuje, že všetky prehliadače umiestnia obsah na rovnaké miesto a medzi prehliadačom a obsahom nebudú žiadne skryté medzery. Pre väčšinu webových stránok je to príliš blízko okraja pre text, ale je dôležité začať tam, aby boli obrázky na pozadí a rozdelenie rozloženia správne zoradené.
|_+_|
Nastavte predvolenú farbu popredia alebo písma na čiernu a predvolenú farbu pozadia na bielu. Aj keď sa to s najväčšou pravdepodobnosťou zmení pre väčšinu návrhov webových stránok, ak budú tieto štandardné farby nastavené na tele a HTML tag najprv uľahčuje čítanie stránky a prácu s ňou.
|_+_|Predvolené štýly písma
Veľkosť písma a rodina písma sú niečo, čo sa nevyhnutne zmení, keď sa dizajn uchytí, ale začína sa predvolenou veľkosťou písma 1 v a predvolená hodnota rodina písiem z Arialu, Ženevy alebo iného bezpätkové písmo . Použitie ems udržuje stránku čo najprístupnejšiu a bezpätkové písmo je na obrazovke čitateľnejšie.
|_+_|Nezabudnite na odkazy
Štýl farieb odkazu je takmer vždy kritickou súčasťou dizajnu, ale ak ich nedefinujete v predvolených štýloch, je pravdepodobné, že zabudnete aspoň na jednu z pseudotried. Definujte ich s malou variáciou modrej a potom ich zmeňte, keď budete mať definovanú farebnú paletu pre lokalitu.
Ak chcete nastaviť odkazy v odtieňoch modrej, sada:
Ako ukazuje tento príklad:
|_+_|