Fő tartalom

Programozás

Tantárgy/kurzus: Programozás > 2. témakör

2. lecke: Bevezetés a CSS-be

Gyors tipp: Kiválasztás címkenév alapján

Nemrég tanultad, hogy weboldalon található elemek kiválasztására CSS szabályokat használunk, hogy formázni tudjuk őket.

Szelektorok használatával mpndjuk meg a CSS szabályainknak, hogy melyik HTML elemet formáznánk. Sokféle szelektor létezik, amelyekről később részletesen szó lesz, itt most csak az interaktív videóban szereplő elem szelektorról szeretnénk áttekintést adni.

Az elem szelektor címkenév alapján választja ki a HTML elemeket. Minden HTML elem –<h1>, <p>, <li>, <body> – és bármelyik másik HTML elem a CSS-ben címkenév alapján, a kacsacsőrök (< és >) használata nélkül választható ki. Például kiválaszthatod az összes <p> címkét a weboldaladon a p elem szelektort használva. Íme egy CSS szabály, ami megváltoztatja az összes bekezdés színét egy weboldalon:

p {
    color: rgb(255, 0, 0);
}

Nézzük meg, hogy jól értjük-e. Mely szabály választaná ki az összes <h2> elemet egy oldalon?

A következő feladatban ki fogod próbálni az elem szelektort különböző címkékkel. Miközben kísérletezel, figyeld meg a CSS szabályaid hatását a weboldaladra – azt, hogy melyik elemnek változik meg a színe, és melyiknek nem.

Szeretnél részt venni a beszélgetésben?

Jelentkezz be

Rendezés:

Még nincs hozzászólás.

Tudsz angolul? Kattints ide, ha meg szeretnéd nézni, milyen beszélgetések folynak a Khan Academy angol nyelvű oldalán.