Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Lekce 8 - Stylování obsahu

V minulé lekci, Body a hlavička, jsme začali pracovat na hlavičce našeho nového moderního webu.

V dnešní lekci budeme stylovat obsah webu, tedy naši část s textem.

Úvod

Celá naše oblast s obsahem se bude vyskytovat v elementu <main>. V něm již máme hlavičku a pod ní si uděláme sekci na jednotlivé části obsahu. Vytvoříme si tedy element <section>, do něhož budeme vkládat <article>, což bude oddělená část obsahu. Vytvořme si tři articly:

<section>
   <article></article>
   <article></article>
   <article></article>
</section>

Připomeňme si, jak vypadá naše skica/wireframe:

Wireframe moderního webového portfolia

Sekce

Již máme tedy vytvořenou


 

...konec náhledu článku...
Pokračuj dál

Znalosti v hodnotě stovek tisíc získáš za pár korun

Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.

Před koupí tohoto článku je třeba koupit předchozí díl

Obsah článku spadá pod licenci Premium, koupí článku souhlasíš s Provozními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • Přístup k jednotlivým lekcím dle způsobu pořízení.
  • Kvalitní znalosti v oblasti IT.
  • Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.

Popis článku

Požadovaný článek má následující obsah:

V tutoriálu budeme kódovat a stylovat obsah našeho webového portfolia v HTML 5 a SASS. Profesionálně nastylujeme odstavce, zvýraznění, odkazy a tlačítka.
Článek pro vás napsal Honza Bittner
Avatar
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Aktivity