Basics css

Mikor stíluslapok nem létezik, font tag adhatja a méret és betűtípus. Ugyanakkor ebben az időben a használatát ez a címke nem ajánlott. Az alábbiakban példák használata a tag:







A minimális méret a szöveg
Max th szövegének mérete
Helvetica
Arial
piros

Sokkal egyszerűbb és helyes e célra használható stíluslapok. Mindenesetre, akkor biztos, hogy a honlap jelenik meg helyesen minden böngészőben.

Hozzon létre egy fájlt nevű 03.css és helyezze el ugyanabban a könyvtárban, a példánkban fájlt (mert nem lesz sok példát, egy példát az egyes fájlok illeszkedik a stíluslap). Táblázatstílusokat meghatározza a mérete, színe és betűtípusa a teljes HTML-oldal - a BODY tag

Hogyan működik az oldal nélkül CSS példa №2
Úgy néz ki, mint egy oldal CSS példa №3

A töredék a módosított HTML-kód oldalán (közvetlenül meta tag, header fájlok stíluslapok, ugyanazon az oldalon nem történt változás a maga):

Mint mondják, érezni a különbséget! Csak egy vonal a stíluslap fájl azonnal megváltozott mindenféle HTML-oldalak (ha az oldal tartalmaz több tucat, több száz, több ezer oldalt, de még mindig változik, hogy megjelenjen az összes oldalt).

Nézzük több sort CSS-fájl:

  • TEST - mondja a böngészőnek, hogy a formázás vonatkozik a teljes test HTML-oldalak (vagyis minden, ami a címkék között és );
  • <> (Nadrágtartók) - minden formázási stílust attribútumok belül leírt merevítések és választja el egymástól pontosvesszővel (;);
  • font-family: - meghatározza a betűtípust (font felsorolt ​​nevek a kettőspont után vesszővel elválasztva). Ebben az esetben a böngésző megpróbálja megjelenjen az első font (Verdana), ha ez a betűtípus nem a felhasználó számítógépén, akkor a böngésző próbálja megjeleníteni a következő font (Tahoma) stb.;
  • szín: - meghatározza a színét (ebben az esetben eltérő lehet írásmód: szürke # 808080);
  • font-size: - azt jelzi, a betűméretet (is más kiviteli alakok is lehetségesek: pt, px, pc, mm.);






„Play” különböző beállításokat és látni, hogy azonnal átalakítja az oldalon.

A rendszer segítségével a stílusok, hogy a kis „trükköt”, hogy csak azok a felhasználók, akik ellátogatnak a helyén, de a „láthatatlan” keresők (legalábbis az időben az írás). Mint tudod, keresők elég magas rangú szöveg első szintű cím (tag

). A szöveg azonban ebben címke megjelenik nem mindig elfogadható - nagyon nagy és merész. Ezt meg lehet változtatni, például azáltal, hogy a style attribútum.

Formázza az első szintű címsor: Példa №4 - az első „default” fejléc jelenik meg, a második, formázva style attribútum.

Ez könnyen belátható, hogy a stílus lap állítsa az első szintű címsor zöld szín és betűméret beállítása 130% -át az alap méretet, amely be van állítva a 8pt.

Használata tulajdonság font-size (betűméret) lehet beállítani a betűméretet a következő egységeket:

A webmester „mozog” az utolsó két opció. Vegye figyelembe, hogy ha meg nem egész érték szükséges határolójelek meghatározott ponton, és nem egy vessző - 2,2 mm.

Amikor megadja a betűtípus család (font-family tulajdonság :) megadhatja minden font, de a biztonságos (ha a felhasználó számítógépén nincs megfelelő font) ajánljuk, beleértve a szokásos típusú fejhallgatók:

  • cursive (dőlt betűvel szedve);
  • fantázia (extravagáns headset);
  • monospace (szabványos fülhallgató írógép);
  • talpatlan (Serif fülhallgató);
  • serif (sans serif betűtípussal).

font color (szín attribútum :) megadható hexadecimális (# FCD34F), vagy az angol neve, a standard színek (piros). Meg kell óvatosan megközelíteni a feladatot szín hexadecimális, mert nem minden színt az ily módon jelenik meg ugyanaz a különböző monitorok. Sokkal előnyös olyan biztonságos színpalettát. amelyek megjelennek a monitoron.

16 színes VGA szabvány:




Kapcsolódó cikkek