stilul
Stilul folosit pentru elemente de stil direct în codul HTML. Scopul atributului stil este de a oferi un mod simplu de a schimba aspectul de aproape orice element HTML.
Codul de exemplu vă va prezenta un nou mod de formatare un document:
Uită-te bine la un exemplu folosind atributul style definim stiluri CSS in HTML-elemente, o metodă de a specifica stiluri numite stiluri inline. Stilul încorporat se aplică numai elementului în care a fost definit, iar copiii săi (în cazul în care tehnologia aplicată proprietățile CSS sunt moștenite).
Notă: pentru a vedea dacă proprietățile moștenite ale valorii aplicate elementelor de copil sau nu, pot fi cu referire la CSS cu această pagină proprietate.
fundal
Fundalul este situat pe o proprietate culoare de fundal. că, întrucât valoarea poate fi orice valoare de culoare disponibilă (despre diferitele semnificații ale culorilor vezi mai jos), după proprietățile trebuie să meargă de două puncte și valoarea după valoarea în mod necesar un punct și virgulă, aceste reguli se aplică tuturor proprietăților atributului stil. Dacă doriți să întreb câteva proprietăți de stil pentru un element, atunci fiecare proprietate ulterioară este înregistrată după „;“ proprietăți anterioare.
culoarea textului
Culoarea textului element este specificat de proprietățile de culoare. Datorită acestei proprietăți, puteți specifica orice culoare pentru conținutul textului. Deoarece valoarea proprietății de culoare poate lua numele culorilor, alocarea culorilor cu procentul de coduri hexazecimale roșu, verde și albastru, sau de a folosi.
Determinarea culorii după nume
Cel mai simplu mod de a specifica o culoare în CSS este de a specifica numele său. Să presupunem că doriți să setați culoarea argintie pentru textul într-un element:
Deci, pentru a seta culoarea în așa fel, trebuie doar să specificați numele valorii proprietății. Nu contează dacă ai scrie numele cu litere mici sau majuscule, astfel încât să puteți scrie un argint, argint sau argint, și toate acestea vor funcționa.
Determinarea culorii peste valoarea stabilită de o combinație de roșu, verde și albastru
Puteți defini o culoare specificând o combinație de roșu, verde și albastru într-o anumită proporție. Să presupunem că aveți nevoie pentru a seta culoarea portocalie, care este format din 80% roșu și 40% verde și albastru 0%. Iată cum se face:
Este de asemenea posibil să se stabilească valoarea numerelor roșu, verde și albastru de la 0 la 255. De exemplu, în loc de 80% roșu, 40% verde și albastru poate fi 0% pentru a scrie roșu 204, verde și albastru 102 0.
A se vedea cum să setați culorile folosite de valorile numerice uzuale:
Determinarea culorii prin hex
Ne întoarcem acum la codurile hexazecimale. Deschideți pentru a vă un mic secret: fiecare set de două cifre ale codului reprezintă componenta de culoare roșie, verde și albastru. Deci, primele două cifre reprezintă roșu, următoarele două - și ultimele două albastru-verde:
Notă: Toate cele trei metode de determinare a culorilor în CSS sunt potrivite pentru toate proprietățile care sunt ca valori pot avea culori. Toate numele culorile disponibile pe care le puteți vedea în tabelul nostru de culoare. acolo puteți selecta o culoare în rgb sau o valoare hexazecimală, dacă nu se potrivesc nici una dintre culorile prezentate în tabel.
Fonturi poate afecta foarte mult designul paginilor. În CSS, acestea sunt împărțite în familii, în cazul în care puteți selecta fontul este cel mai potrivit pentru un anumit articol de pe pagină.
proprietate font-family vă permite să specificați o listă de fonturi preferate, care sunt separate prin virgulă. Dacă numele fontului este format din mai multe cuvinte, un astfel de nume trebuie să fie închise în ghilimele, de exemplu: „Courier New“.
dimensiunea fontului afectează foarte mult designul paginilor web și lizibilitatea textului. În CSS, există câteva unități, cu care puteți seta dimensiunea textului, acestea sunt descrise în detaliu în unitățile secțiunea CSS. De asemenea, este posibil să specificați dimensiunea folosind cuvintele cheie:
Toate cuvintele cheie disponibile, care definesc dimensiunea, puteți arunca o privire la ghidul nostru de CSS în descrierea proprietăților de font-size.
alinierea textului
Alinierea textului într-un document HTML este stabilit de proprietățile text-align. care vă permite să se alinieze textul la stronie dreapta sau la stânga, precum și cere textului Justificat. proprietate text-align este numai pentru a bloca elementele, aliniind toate elementele rând din cadrul blocului: