Serpent.

Építs portált egyszerűen!
Ugrás a tartalomhoz
  • Before és After

    Before és After – Előtte és Utána. Ez a két dolog CSS -ben igazán hasznos tud lenni, sőt. Segítségével tartalmat fűzhetünk az adott elem elé / mögé HTML használata nélkül. A tartalmat a content -tel tudjuk megadni: p::before{ content: “Előtte “; } p::after{ content: ” Utána”; } Előtte   Ez a tartalom   Utána Ez lenne az […]

  • Mit NE csinálj design készítésekor

    Az aktuális trendek szinte mindig változnak, beszéljünk akár divatról, tévéműsorokról vagy akár sablonkészítésről. Ezek ugyan mindig változnak, de ha úgy vesszük, pár “aranyszabály” mindig van. Most ezekről szeretnék mesélni nektek, konkrétabban arról, hogy mit tartok mai szemmel nagy hibának design készítésekor. Egyébként, készítettem egy új projektdobozt, amit itt(link) tudtok meglesni 🙂 Betűtípusok Nehéz lehet megtalálni […]

Variánsok

Bizonyára veled is előfordult már, hogy elkészítettél egy új külsőt az oldaladnak, de nem tetszett és szeretted volna kicsit átvariálni a színeket. Igen frusztráló tud lenni, ha végig kell böngészned az egész CSS fájlt, hogy kicserélj ezt-azt. Én azelőtt a Notepad++ -t használtam erre. Kicseréltem egyszerre az összes szín, majd kerestem a következőt és egészen addig ez így ment, míg meg nem ismertem a root -ot.

Nos, valójában nem csak a root -ot, hanem a CSS variánsokat. Igen. Akárcsak egy programozási nyelvben, a CSS -ben is tudsz variánsokat használni.

var(–név)

Például:

var(- -hatter)

Ahhoz, hogy ez a változó globális legyen, el kell helyeznünk a rootban, ahol megadjuk az értékét.

:root{

–hatter:  #000;

}

Fontos, hogy ez a két előjel mindig ott legyen: – –

Ha pedig a változónk globális, elég rá így hivatkoznunk a CSS írásakor:

body{

background-color: var(–hatter);

}

Egyszerű, nemde? Persze nem csak színkódot adhatunk meg egy változó értékeként. Szó szerint bármit megadhatunk neki: betűtípus nevét, százalékot, betűméret értékét, bármit.

Mindenesetre a változó nevének megadásakor ügyelj arra, hogy csakis az angol abc kisbetűit, aláhúzásvonalat, kötőjelet vagy számokat használj!

Oszd meg az ismerőseiddel