Know-how, előadás, mi a css
Összefoglaló: Az előadás a CSS szintaxisról nyújt alapvető információkat, és bemutatja a CSS HTML-ben történő megvalósításának fő módjait. Emellett leírják a fő szelektorokat, pszeudo-elemeket és pszeudo-osztályokat, olyan alapvető CSS fogalmakat, mint az öröklés és a kaszkád.
CSS szintaxis
Több különböző szelektor van, amelyek mindegyike megfelel a jelölés különböző részeinek. A négy legelterjedtebb szelektor egy univerzális szelektor. az elemek kiválasztói, az osztálykiválasztók és az azonosítók szelektora.
Univerzális szelektorok. Az univerzális szelektorok lehetővé teszik, hogy a stílusokat közvetlenül az oldal összes elemére alkalmazzuk. Például a következő szabály egy egyoldalas vastagságú szegmenst állít be az oldal minden egyes elemére:
Elemválasztók. A HTML elemek megjelenítésével kapcsolatos információk meghatározásához a legtöbb stílusszabályzat ezen elemek nevét választóként használja. Például,
A fenti szabály minden elemre vonatkozik
...
.Osztály kiválasztók. Emlékezzünk vissza arra, hogy a HTML 4.01 specifikáció minden elemre különleges osztályt tartalmaz. amely lehetővé teszi például a dokumentum egyes szerkezeti elemeinek megemlítését
A Cascading stíluslapok lehetővé teszik az osztály attribútumértékek szelektorként történő használatát. A kijelölők osztálynevét egy időtartam előzi meg, és az elemnevek után van megadva:
A fenti példában a stílus szabály csak azokra az elemekre vonatkozik
...
. amelynek osztálytulajdonsága fontos.A Cascading stíluslapok lehetővé teszik az osztálynevek kiválasztását is a szelektorokban anélkül, hogy megadnák az elemek nevét:
Az ilyen stílusszabályokat minden olyan elemre alkalmazni fogják, amelyeknek a megadott értékkel egy osztály-attribútuma van.
Azonosító választók. Az osztályokon kívül a HTML-specifikáció minden elemhez egy másik speciális attribútumazonosítót is tartalmaz. amelyhez bármely elem hozzárendelhető egy egyedi azonosítóhoz. például:
Az azonosítók és osztályok közötti fő különbség az, hogy az id attribútum minden értékének egyedinek kell lennie. A kijelölők azonosítóit az elemnevek után adják meg, és előtte a #:
Ez a stílusszabály egy elem egy példányára vonatkozik
Több szelektort is csatlakoztathatsz még pontosabb szabályok meghatározásához. Például, rekordot