Szövegformázási stílusok

Leggyakoribb weblapot formázó címkék<h1>, <h2>, <h3>, <h4>, <h5>, <h6>,
<p>, <br />, <div>, <table>, <ul>, <ol>, <img />, <blockquote>, <pre>
Címsor stílusok meghatározhatók:

Címsorokról bővebben, kattints ide!
  • Közvetlen (pl: h1{font-size: 35px;}
  • id egyedi azonosítóval (pl: #azonosító{font-size: 35px;}
  • class osztályazonosítóval (pl: .azonosító{font-size: 35px;}
  • Címsorokhoz, az összes szövegformázásra, és hivatkozásra jellemző stílus, meghatározható.
2. Bekezdés címke <p>
3. Normál, Dőlt, Ferde, Félkövér.
  • p{ font-weight: normal;}
  • em{ font-style: italic;}
  • .ferde{ font-style: oblique;}
  • strong{ font-weight: bold;}
4. Üres sorok. <p>&nbsp;</p>
5. Szövegsor lezáró. Kötelező sortörés: <br /> vagy így <br>
Lehetséges sortörés, ha egy szó, túl hosszú: <wbr>
6. Sormagasság { line-height: 150% }
7. Megjegyzés jelek
  • XHTML lapon: <!-- írjuk ide a megjegyzésünket -->
  • Stíluslapon: /* írjuk ide a megjegyzésünket */
  • JavaScript: // egysoros megjegyzés
    /*Több soros megjegyzés*/
8. Szöveg igazítás - Szöveg, fentre: text-align: top;
- Szöveg, középre: text-align: center;
- Szöveg, jobbra: text-align: right;
- Szöveg, lentre: text-align: bottom;
- Szöveg, balra: text-align: left;
- Szöveg, tetszés szerint: padding-...: ..px; értékkel határozzuk meg.
- Szöveg, sorkizart: text-align:justify; Értelme akkor van, ha szövegfolyamunk, több sorból áll.

9. Kiemelés <span>
10. Szövegbetűk, távolsága.{letter-spacing: 1.8em; }
11. Szavak, távolsága. (szóköz) { word-spacing: 20px; }
12. Szöveg dekoració(text-decoration:none;)
(text-decoration:blink;)
{text-decoration:overline;}
{text-decoration:line-through;}
{text-decoration:underline;}
13. Mennyivel kezdődjön beljebb, vagy
kijjebb		{text-indent: 60px;}
{text-indent: -60px;}
14. Szóköz, és ENTER billentyű leütéseinek megtartása <pre>
15. Szöveg kiemelés, vonallal. {border: ... .... .... ;} <del>......</del>
16. Gyors betűméret növelés <big>Szövegrész</big>
17. Visszafelé olvasható szöveg <bdo dir="rtl">Szöveg</bdo>
18. Idézőjelekkel történő kijelölés. <q>Szöveg </q>
19. Betű stílus és változat. Dőlt: { font-style: italic ; }
Normal: { font-style : normal ; }
Félkövér: {font-weight: bold;}
kis-kapitális: {font-variant: small-caps; } Nagybetűre, kezdő betű kiemelt:
Szöveg transzformálása,
azaz átalakítása.		 Nagybetűre: {text-transform:uppercase;}
Kisbetűre: {text-transform:lowercase;}
Nagybetűre: {text-transform:capitalize;} Minden szó, kezdő betűje, kiemelt
Mozgatandó szöveg vagy kép <marquee>
Vizuális témaelválasztó <hr>
20.Részletes összefoglaló, html jelölőelemekről és attribútumaikról. Katt ide!