CSS méret: px, em, rem, %…

CSS méret: px, em, rem, %…

   Méretek: px, em, rem, %, vh  mi ez a fura nyelv? A CSS-ben minden méret számít. De nem mindegy, hogyan adod meg. A pixel csak a kezdet – jönnek a relatív egységek, amiktől reszponzív leszel, mint egy ninja   🧱 Alapegység: px (pixel) A px egy...
Box model – a CSS dobozai

Box model – a CSS dobozai

    Box model – a CSS dobozai      Úgy képzeld el a weboldaladat, mintha minden elem egy doboz lenne. A CSS pedig pontosan megmondja, mekkora, hol van és mennyi helyet hagy maga körül   Box model A box modell (dobozmodell) a CSS egyik legalapvetőbb...
HTML + CSS

HTML + CSS

    HTML + CSS sosem voltak jobban egymásra kattanva   Mi az, amit a HTML tud – és mi az, amit a CSS tesz hozzá?   HTML: tartalom és szerkezet (pl. cím, bekezdés, kép, lista, űrlap) CSS: kinézet és stílus (szín, méret, elrendezés, animáció) A HTML...
Szín + háttér, avagy a design alapjai

Szín + háttér, avagy a design alapjai

Szín+háttér, avagy a design alapjai „Egy HTML-oldal CSS nélkül olyan, mint a pizza sajt nélkül – lehet enni, de minek?”   🎨 Miért fontos a szín? A színek nem csak esztétikai elemként működnek, hanem kommunikálnak. Egy jól megválasztott szín:...
Hogyan tanulj CSS-t?

Hogyan tanulj CSS-t?

    Hogyan tanulj CSS-t?      egy kis kód, egy kis kreativitás – és már formázod is a netet   Hogyan tanulj CSS-t? 1. Először is: ne pánikolj. A CSS nem rakétatudomány – inkább olyan, mint egy kreatív nyelv, amivel megtanulsz stílusban beszélni a...
CSS színek

CSS színek

    CSS színek      avagy hogyan varázsolj színeket a weboldaladra   🎨 CSS színek A színeket megadhatod szavakkal is (red, blue, yellow), de ha úgy akarsz dolgozni, mint egy profi, akkor érdemes számkódokkal dolgozni. Nézzük, mik ezek! 🌈 1. Hexadecimális...