Cum se adaugă stil

Trei straturi de parchet coswick dekoras.ru.

Cum se adaugă stil

Aceste tehnici cresc considerabil complexitatea de proiectare pagini web, oferă o flexibilitate limitată în stabilirea și gestionarea acestora și face dificilă pentru oamenii care nu le dețin.
CSS rezolva aceste probleme, și, în același timp, înlocuiți doar o zonă limitată a mecanismelor HTML. CSS face ușor pentru a controla tipul dimensiunea, fontul, îl face ușor pentru a seta culoarea textului, fundalul și alte lucruri.

Foile de stil pot fi adăugate la pagina dvs. în trei moduri diferite, care diferă în capacitățile lor.

Tabele stiluri legate (foaie de stil legat)

Exemplul 1. Conectați stilurile legate de masă

Avantajele acestei metode:

Stilul de masă Global (foaie de stil la nivel mondial)

Stilul este definit în document, și este de obicei localizat în antetul paginii web. Prin flexibilitate și capacitățile acestei metode sa este inferioară la utilizarea anterioară a stilului, dar, de asemenea, vă permite să plasați toate stilurile într-un singur loc. În acest caz, direct în corpul documentului. definiție Style este dat tag-ul stil.

Exemplul 2: Folosind stilurile de masă la nivel mondial

corp>
H1> Bună ziua, lume! / H1>
/ Corp>
/ Html>

H1 antet tag-ul este definit de stil. care pot fi apoi utilizate în mod universal pe acest site.

Stilurile inline (stil inline)

Stilul interior sunt, în esență, add-on pentru o singură etichetă este utilizată pe o pagină web. Pentru a determina parametrul stil este utilizat stil. și atributele sale sunt specificate de limba foaie de stil.

Exemplul 3. Folosind stilurile inline

html>
corp>
H1 style = "font-size: 120%; font-family: Verdana, Arial, Helvetica, sans-serif; color: # 333366;"> Bună ziua, lume! / H1>
/ Corp>
/ Html>

Se recomandă utilizarea unui stil intern pentru etichetele individuale sau de a refuza să-l folosească deloc, deoarece o schimbare într-un număr de elemente devine problematică. stiluri interne nu se potrivesc cu ideologia documentului structurale atunci când conținutul și designul său separat.

Toate metodele descrise folosesc CSS pot fi folosite atât în ​​monoterapie cât și în combinație unele cu altele. În acest caz, trebuie să fie conștienți de ierarhia lor. În primul rând utilizați întotdeauna un stil intern, urmat de un tabel de stiluri globale și ultimul la stilurile legate de masă. Exemplul folosește metoda de a adăuga doar două stylesheets la un document.

Exemplul 4. Combinarea diferitelor metode de stiluri de conectare

corp>
H1 style = "font-size: 36px; font-family: Times, serif; culoare: roșu;"> Bună ziua, lume! / H1>
H1> Bună ziua, lume! / H1>
/ Corp>
/ Html>

În exemplul ilustrat, primul antet este setat marimea roșu 36 pixeli, iar următorul - verde și diferite font.