Atunci când foi de stil nu exista, tag-ul font este folosit pentru a specifica dimensiunea și tipul de caracter. Cu toate acestea, în acest moment, nu este recomandată utilizarea acestei etichete. Mai jos sunt exemple de utilizare a etichetei:
Dimensiunea minimă a textului
Dimensiunea maximă a textului lea
Helvetica
Arial
roșu
Mult mai ușor și mai corect pentru aceste scopuri de a utiliza foi de stil. În orice caz, veți fi sigur că site-ul dvs. va apărea corect în toate browserele.
Creați un fișier numit 03.css și puneți-l în același director ca fișier exemplu nostru (pentru că vor exista multe exemple, este un exemplu de fiecare fișier se va potrivi foaia de stil). Stiluri de tabel definesc dimensiunea, culoarea și tipul fontului pentru intreaga pagina HTML - în tag-ul BODY
Cum pagina fără CSS: Exemplul №2
Se pare ca o pagină cu CSS: Exemplul №3
Un fragment din pagini HTML-cod modificat (adăugat doar meta tag-ul, fișierele antet foilor de stil, aceeași pagină au fost făcute modificări în sine):
După cum se spune, se simt diferenta! Doar o singură linie a fișierului schimbat instantaneu Stylesheet tot felul de HTML-pagini (în cazul în care site-ul conține zeci, sute, mii de pagini, încă modificări să fie afișat pe toate paginile).
Să examinăm mai linie CSS-fișier:
- BODY - spune browser-ului că formatarea se aplică întregului corp al HTML-pagini (adică tot ceea ce este între etichetele și );
- <> (Bretele) - toate atributele de stil de formatare sunt descrise în cadrul acolade și sunt separate prin punct și virgulă (;);
- font-family: - definește tipul caracterelor (numele de fonturi enumerate după cele două puncte separate prin virgulă). În acest caz, browser-ul încearcă să afișeze primul font (Verdana), în cazul în care acest font nu este pe computerul utilizatorului, browser-ul încearcă să afișeze următorul font (Tahoma), etc.;
- Culoare: - specifica culoarea fontului (în acest caz, poate fi grafii diferite: gri; # 808080);
- font-size: - indică dimensiunea fontului (de asemenea, diferite variante sunt posibile: pt, px, pc, mm.);
„Play“, cu setări diferite și a vedea cum se transformă instantaneu pagina ta.
Cu ajutorul de stiluri poate face „trucuri“ mici, care vor fi vizibile pentru utilizatorii care accesează site-ul dvs., dar motoarele de căutare „invizibile“ (cel putin pentru momentul scrierii acestui articol). După cum știți, motoarele de căutare sunt de text de rang destul de mare în titlu primul nivel (tag-ul
). Cu toate acestea, textul în această etichetă apare nu este întotdeauna acceptabil - este foarte mare și îndrăzneț. Acest lucru poate fi schimbat, de exemplu, utilizând atributul de stil.
Formatați primul nivel de antet: Exemplul №4 - este afișat primul antet „implicit“, al doilea, formatat folosind atributul de stil.
Este ușor de înțeles că foaia de stil a stabilit primul nivel poziția de culoare verde și dimensiunea fontului setat la 130% din dimensiunea de bază, care a fost stabilit în 8pt.
Utilizarea atributului font-size (dimensiunea fontului) poate seta dimensiunea fontului în următoarele unități:
WebmasteriLINK_REMOVAL_HELP_CENTER_END „muta“ ultimele două opțiuni. Rețineți că, atunci când setați un număr întreg non-valori sunt necesare ca delimitatori stabilite punct și nu o virgulă - 2.2 mm.
Când specificați familia de fonturi (atributul font-family :), puteți specifica orice font, dar pentru sigure (în cazul în care calculatorul utilizatorului nu are fonturi corespunzătoare) recomandăm inclusiv tipurile standard de căști:
- (cursiv cursive);
- fantezie (căști extravagante);
- monospace (casca standard de mașină de scris);
- sans-serif (serif headset);
- serif (sans serif tip de caractere).
font color (atribut de culoare :) poate fi specificat în hexazecimal (# FCD34F), sau denumirea în limba engleză a culoarea standard (roșu). Este necesar să se apropie cu atenție sarcina de culoare în hexazecimal, deoarece nu orice culoare specificată în acest mod va apărea la fel pe diferite monitoare. Este mult mai de preferat să se folosească o paletă de culori în condiții de siguranță. care sunt afișate pe toate monitoarele.
VGA standard 16 culori: