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é gnocchi na nejakej webovej stránke:
Tento recept si chcete vytlačiť na papier. Máme tu však veľa rušivých elementov - navigačné menu hore a podobné alebo rovno úplne iné recepty naľavo. 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é horné menu, filtre, vyhľadávanie a ďalšie tlačidlá. Ak ste všímaví, na stránke pod receptom je tlačidlo Print, 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ť. .
...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ť.
