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 […]

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 eredmény, természetesen némi padding -val karöltve. Bármelyik böngésző, ami támogatja a két kettőspontot (p::before), az támogatja az egy kettőspontot is (p:before). A content pedig nem csak szöveg lehet. Lehet még mondjuk url vagy mondjuk Font Awesome ikonok unicode -ja.

A before és after pseudo elemeket egyébként nem lehet használni kép, sorelválasztó (hr) és sortörés (br) esetén, ugyanis ezek nem tartalmaznak szöveget, valamint nincs “utódjuk”.

Remélem hasznosnak találtátok ezt a kis cikket. Tervezek még kifejteni ilyesmiket, valamint nem magyarázkodni akarok, de bocsánatot kérek a kimaradásért.

Források, segítségek: css-tricks.com, stackoverflow.com

Devin
2020, június 21

Oszd meg az simerőseiddel

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük