Stílusok html

előző ◈ a következő

Van egy másik vételi pozicionálóelemekkel és elérni a külső hatások, amelyek szépít az oldalt, és vigye el a figyelmet az olvasók. Ezt a technikát a meghatározásán alapuló egyedi stílusok és meghatározza stíluslapok. Stíluslapnyelv - ez csak egy leírást a szerkezet néhány tulajdonságát egy elemet. Ne nézz ide bármilyen négyszögletes rács. Ha a stíluslap van megadva, a különböző dokumentumok egyszerűen lásd a táblázatot, és nem tartalmaznak számos attribútumok a tag formázási típus <Н1>, és m. o.







Cascading Style Sheets (CSS, Cascading Style Sheets) tartalmazzák a formátuma egy részét vagy egészét a szöveg, a koordinátákat a helyét az elemek, és egyéb paramétereket. Cél stílus biztosítja mind a címke belül használt fájl fejlécében címkék és . és stílus attribútum - a címben tag szakasz (<Н1>, <Н2>.

), Valamint a tag . A címke adja meg a fragmentum
és még sokan mások.

alkalmazás tag


<Н1>Ez HI stílusban. Color - Red
<Н2>Ez a stílus a H2, ugyanaz, mint a és HI. Color - Red
Ez - a szokásos alapértelmezett stílus

Tudunk létrehozni egy stíluslapot, biztosítva a nevét. Ez a név adni, mint egy közönséges neve, de a lényeg, mint az első karaktert. Akkor a címkéket az asztalra a neve az attribútum = SLASS imya_stilya. ahol a stílus nevére nélkül használjuk a lényeg.
Például beállíthatja a stílus, mint ez:

A második szintű címsor stílusú lehet állítani bárhol a programot a következőképpen:

Tekintsük a következő példát teremt, amely szerint nem volt beállítva a stílus lenne megvalósítható csak olyan grafikonok. Mi tesz egy szöveget egymásra. Ez a funkció továbbra is használni, hogy a térhatású a szöveg (az ún ZD-hatás). Ezen túlmenően, a képesség, hogy overlay (részleges fedezésére) oldal fragmentum gyakran használják tényleges tervezési az oldal. Vdannom például érvényes címke

kiválasztására a fragmentum HTML dokumentumnak. Figyeljük meg, hogy a meghatározás a BODY tag stílus határozza meg a különböző stílusok nevei árnyék, alapítvány, 1 réteg és a réteg 2. Ez mit értünk a Cascading Style Sheets.



például CSS
BODY
.Árnyék font-size: 27Opx; 1ine-height: 270px;
font-family: Times)
.bázis (color: red; súlya: 900; margin-top: -230px; font-size: 220px;
line-height: 250px; font-family: Times)
. Layer1 (color: black; margin-top:

130px; súlya: közepes; ONT-méret: 65px;
line-height: 65px; font-family: Arial>
.2. réteg line-height: x 45 képpont; font-family: Arial>



Példa kaszkád stílus





Mi / DIV>
Mi / DIV>
Megcsináltuk nélkül grafikákat

kizárólag szövegstílusokat



Ábra. 665. példa kaszkád stílusban

A példában használt címke

és class attribútumot. címke
Arra használják, hogy adja meg az oldalon (dokumentum töredék). Nem formázza, de csak jelzi a szöveg egy részét, hogy kezelni egyetlen egységben. CLASS tulajdonság lehetővé teszi, hogy olvassa el a stíluslapot, és így állítsa be a stílus bemutatását a szöveg található, amely a címkék között
és . Megjegyzendő, hogy a stíluslap által meghatározott stílus: állítsa be a tulajdonságokat a pántok egy nevet, amely előtt egy pont. A jövőben vannak linkek ezeket a neveket a class attribútum használatával egy előre meghatározott stílust. Az ötlet egyszerű: először határozzuk meg valamit, majd ezt a meghatározást hivatkozunk.

Ebben a példában, a szövegeket meghatározott, mint a rétegek egymásra. Így, árnyék jelenik első réteg, akkor van szuperponálva egy réteg alapon, majd - az 1. réteg és 2. réteg a sorrendet, amely rétegeket egymásra elhelyezve, mivel a sorrendben a szöveg fragmensek jelzett tag

. Valójában átfedő rétegek által biztosított alkalmazásával negatív értékei a tulajdonságok margin-top (felső margó).

A fenti példában, a következő tulajdonságokat alkalmaztuk:

  • margin-top - felső margó;
  • szín szín;
  • font-size - betűméret;
  • font-family - font-family;
  • súly - milyen mértékű „kövér” font;
  • line-height - magassága a sor.

Használata negatív értékei a tulajdonságok margin-top. akkor lehet alkalmazni, egy szöveg egy másik.
Amellett, hogy a fent említett módon az írás stílusok, akkor lehet alkalmazni a style attribútum. címében tag, bekezdések <Р>. a test .

és . Ebben az esetben, a stílus határozza meg a következő formában:

Leírás stílustulajdonságok idézőjelbe, és tartalmazza a tulajdonságokat és azok értékeit sorolja elválasztani, ahogy tette, amikor a címke