Weboldalak formázása mintaszakaszok

Weboldalak formázása. A témakör célja, hogy a tanuló képessé váljon HTML-oldalak formázására stílusok és stí- luslapok segítségével. A témakör elsajátítását követően a tanuló: ‒ Ismeri a stílusok és stíluslapok (CSS) szerepét, valamint a CSS3-leírók és - szabályok szintaxisát. ‒ Xxxxxx és tudja használni a stílusok definiálásnak és alkalmazásának különböző módozatait (inline, internal és extrernal CSS). ‒ Ismeri a CSS-szabályok kiértékelési sorrendjét, a stílusokat ennek figyelembevéte- lével definiálja és alkalmazza. ‒ Ismeri a CSS3-szelektorok típusait (univerzális, elem, azonosító, osztály, pszeudo és speciális szelektorok), képes a megfelelő szelektor kiválasztásával stílus defi- niálására. ‒ Ismeri a legfontosabb CSS3-jellemzőket (color, opacity, background*, border*, box-shadow, box-sizing, margin*, padding*, overflow, display, float, z-index, rel, width*, height*, top, bottom, left, right, position, line-height, text-align, vertical- align, textjustify, texttransform, font, font-family, font-size, font-style, text- decoration, list-style*, cursor, letter-spacing, viewport, white-space), és ezek segít- ségével képes elvégezni a megfelelő formázási műveleteket (a *-gal jelölt elemek több jellemzőt tartalmaznak, pl. margin-left, margin-right). ‒ Ismeri a legfontosabb CSS-függvényeket (url(), rgb(), rgba(), hsl(), hsla(), calc()), és képes alkalmazni azokat. ‒ Ismeri a CSS-resets célját és használatának módját. ‒ Ismeri a HTML5-lapszerkezet (layout) kialakítására szolgáló szemantikus eleme- ket (header, nav, section, article, aside, footer, main), és képes alkalmazni azokat. ‒ Ismeri a float tulajdonság működését és képes alkalmazni a célnak megfelelő érté- kekkel (left, right, none). ‒ Ismeri a display-tulajdonság működését, és képes alkalmazni a célnak megfelelő értékekkel (inline, block, inline-block, none). ‒ Ismeri a box modell és a box-sizing tulajdonság működését, és képes alkalmazni a célnak megfelelő értékekkel (content-box, border-box). ‒ Ismeri a position tulajdonság működését, és képes alkalmazni a célnak megfelelő értékekkel (relative, fixed, absolute). ‒ Ismeri a z-index tulajdonság működését, és képes alkalmazni a célnak megfelelő- en. ‒ Ismeri a clearfix technika működését, és képes annak alkalmazására.