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

Szöveg formázása

Font…

font-family – maga a betűtípus.

font-size – a betű mérete.

font-style – alap értéke a normal, de lehet még italic(dőlt) és oblique(ferde).

font-weight –  a betűtípus vastagsága. Lehet normal, bold(félkövér), de akár számmal is kifejezheted az értékét. 100 – tól egészen 900 -ig terjed az értékrendje, ami százasával növekszik. A 100 a legvékonyabb, a 400 a normál, a 800 a bold, míg a 900 az extra bold.

Text…

text-align – a szöveg iránya, igazítása. A szöveg alapból balra (left) van igazítva, de ezen kívül lehet még középen (center), jobbra (right), de akár sorkizátz (justify) is lehet.

Ehhez kapcsolódik még…

text-align-last – ezzel a a szöveg utolsó sorának irányát mondhatjuk meg. Legfőbbképpen akkor lehet hasznos, ha a text-align az oldalon justify értéket vesz fel. Ha az utolsó sorunkban kevés a szó és justify -t használunk, akkor az széthúzza a sort, ami igazán nem esztétikus. Ennek kiküszöbölésére való a text-align-left, értékei pedig ugyanazok, mint a névrokonáé.

 

text-decoration – Értéke lehet felül húzott (jól írom ezt? :D) – azaz overline, áthúzott (line-through), aláhúzott (underline), és felül és alul és meghúzott (underline overline).

Ehhez kapcsolódik még…

text-decoration-color – a vonal színe.

text-decoration-style – a vonal kinézete. Lehet egyszerű (solid), dupla (doble), pontozott (dotted), szaggatott (dashed), vagy mondjuk hullámos (wavy).

 

text-indent – A bekezdés nagysága. Számot vehet fel, pl 30px.

text-transform – Alap értéke none. Ezáltal lehet a szöveg nagybetűs (uppercase), kisbetűs (lowercase), vagy kapitális (capitalize).

Word…

word-break – szótörés a sor végén. Az alapértéke (normal) és a keep-all ugyanazt teszik: nem választják szét kötőjellel a szót, a break-word már megtöri a szót, a break-all pedig szükség esetén már az egész sort.

word-spacing – a szavak közti távolság.

letter-spacing – és ez bizony egy kakukktojás, hiszen nem szerepel benne a word szócska, de úgy éreztem, muszáj megemlíteni. Ezzel tudjuk beállítani a betűk közti távolságot.

Egyéb

color – a szöveg színe

Oszd meg az ismerőseiddel