Web kódolás - tehát mi az?

Webkódolás: CSS:

Tehát mi ez - CSS?

Tehát mi ez - CSS? A Cascading Style Sheets (Cascading Style Sheets) olyan nyelvet tartalmaz, amely tulajdonságokat tartalmaz bármely HTML dokumentum megjelenésének leírásához. Ezzel a tervező teljes mértékben szabályozza a weboldal minden elemének stílusát és elrendezését, ami egyszerűbb és sokkal funkcionálisabb, mint a szokásos HTML címkék használata. Példát adok: Szükség van egy merész, vörös aláhúzott szöveg létrehozására.

Szerkezet és szabályok

Bármely HTML elem egy lehetséges CSS-választó. A választó tulajdonságai meghatározzák annak az elemnek a stílusát, amelyre meghatározásra került.

példa:
H1
Minden elem a dokumentum H1 piros szín, a méret a 20 pontban (pt pontja).
Osztályválasztók:

A CLASS egy olyan elem attribútuma, amely meghatározza annak osztályát a HTML-ben. A CSS-ben leírhatod saját stílusaidat az azonos elemek különböző osztályai számára.

A H1 összes eleme a CLASS = "blue" attribútummal kékre változik.

Az osztályokat le lehet írni anélkül, hogy kifejezetten köteleznék őket bizonyos elemekre.

Ebben az esetben a CLASS = "zöld" attribútummal rendelkező elemek zöld színűek lesznek.

ID választók:

Az ID egy egyénileg megnevezett stílus. Ezzel stílusos kivételeket hozhat létre egy osztály elemei között.

A mutatókat főként az egyéni tulajdonságok egy osztályának egy vagy több elemének adására használják. Tegyük fel, hogy létrehozott egy osztály kék - kék dőlt. De szüksége volt egy vastag aláhúzott szövegre, kék dőlt betűkkel. Természetesen új osztályt hozhat létre, de miért? Könnyebb leírni az azonosítót. Például: "boldunderline". És minden eleme egy osztály kék értékkel ID „boldunderline” lesznek húzva félkövér kék dőlt. Lesz egy szintetikus tulajdonság az osztály kék és az azonosító boldunderline.



CSS példa
<