13. diel - Vlastné CSS pre tlač
V predchádzajúcej lekcii, Responzívne tabuľky , sme sa dozvedeli, aké sú spôsoby responzívnych tabuliek a tiež sme si ich ukázali.
V tomto CSS tutoriálu sa naučíme, ako správne vytvárať CSS pre tlač stránok na tlačiarni.
Motivácia
Predstavte si, že uvidíte recept na vaše obľúbené lasagne na nejakej webovej stránke:
Tento recept si chcete vytlačiť na papier. Máme tu však veľa rušivých elementov - bannery v pozadí stránky a tiež hneď ďalšie napravo od receptu. Sú tu zobrazené aj podobné recepty. Farby tlačiarne by sme klasickým tlačom zbytočne vyplýtvali. Keď stránku vytlačíme klasickým spôsobom (pravým kliknutím a výberom možnosti Tlač), dostaneme tento výsledok:
Webový prehliadač dokázal obsah stránky aspoň čiastočne zredukovať. V recepte sú však stále zbytočné fotografie a ďalšie tlačidlá. Okrem toho ide iba o druhú stránku z 5. Ak ste všímaví, na stránke pod receptom je tlačidlo Vytlačiť recept, kde skript nahraje vlastné CSS a vytlačíme iba daný recept bez zvyšku stránky:
Teraz je na papieri len to, čo tam má byť. Ukážme si ďalší príklad. Majme webovú aplikáciu pre rezerváciu vozidiel vo firme:
...koniec náhľadu článku...
Pokračuj ďalej
Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.
Kúpiť tento kurz
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.
- Neobmedzený a trvalý prístup k jednotlivým lekciím.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V CSS tutoriále si vysvetlíme, ako vytvoriť CSS štýly, ktoré sa aplikujú pri vytlačení stránky na tlačiarni.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.