Efectuarea Css text - cum să-l decora frumos
Culoarea este unul dintre cei mai importanți parametri care influențează percepția textului, lizibilitatea acestuia. Deschideți mai multe site-uri diferite și vă sunt garantate virtual pentru a spune că experiența de a citi informațiile de pe ele au fost diferite. Undeva puteți vedea textul complet negru pe un fundal alb, undeva - lumina pe un gri, etc.
Pentru dulce, se recomandă să se utilizeze un fundal alb personalizat (sau un pic mai inchisa), iar culoarea fontului, un pic mai ușor decât negru. Faptul că un contrast puternic - este prea rău, pentru că poate fi tăiat ochi.
Culoare în css specificate utilizând proprietățile de culoare. Valorile pot fi scrise sub forma de cuvinte cheie (alb, maro, portocaliu), hex hex-cod (# 000, #fff, #ccc) și modul rgb (roșu, verde, albastru), care este determinat prin saturarea fiecare culoare într-o valoare numerică 0-255.
Un factor la fel de important în percepția vizuală este, de asemenea, fontul în sine. Nu este un secret faptul că textul principal este cel mai bine pentru a alege unul din font standard sans-serif.
HTML5 și CSS3 practica de la zero la rezultatul!
Un alt lucru este proiectarea de titluri și subtitluri, precum și numele site-ului. De obicei, font frumos separat ales pentru aceste fragmente de text. De exemplu, un font bine ales pentru textul logo-ul poate juca un rol important, pentru că acest titlu va fi un memorabil și unic.
Selectați o proprietate de font folosind font-family, precum și numele sau valoarea actelor de familie. Pentru a fi sigur, puteți înregistra un cuplu de opțiuni, separate prin virgula. De exemplu, deoarece: font-family: «Lato», Georgia, Arial, sans-serif;
Aici ne-am înregistrat cât mai multe patru opțiuni. În cazul în care browser-ul găsește un font Lato, acesta va fi să-l folosească. Dacă nu este găsit, următorul browser-ul Web încearcă să utilizeze Georgia, iar dacă nu este, atunci Arial. Acest font este, pe orice computer cu sistem de operare Windows.
Dacă și scrie un text, asigurați-vă că este disponibil, deoarece portbagajul va lua timp pentru a verifica prezența sa, și dacă nu are, atunci este un minus la viteza site-ului.
dimensiunea fontului
De asemenea, ajută aranjați textului css-proprietate font-size. Este, după cum sugerează și numele, setează dimensiunea textului. De obicei, este scris în pixeli, deși este adesea folosit, de asemenea, unități relative em.
Unele elemente dimensiunea textului HTML este definit inițial. De exemplu, dacă includeți text în tag-ul H1, acesta automat va indica cu majuscule aldine. De fapt, puteți schimba cu ușurință setarea implicită:
De exemplu, pentru a îndepărta grăsimea și crește mărimea de bază. De exemplu, numele site-ului, uneori, este afișat un font foarte mare
umbra textului
Orice fragment de text, puteți specifica o umbră de regula de text-umbra. Să ne uităm la sintaxa din exemplul următor:
HTML5 și CSS3 practica de la zero la rezultatul!
Toate fragmentele de text închise într-o etichetă pentru încărcări mari, va avea o umbră. Se pare ca acest lucru:
Prima valoare numerică setează orizontală offset, al doilea - verticală offset, al treilea - estomparea umbrelor, reduce claritatea și saturația acesteia. Ultimul parametru - culoare.
Dacă unii dintre voi nu au valori, pur și simplu pune 0. Color neapărat înregistra. opțiuni de umbră depind în primul rând de dimensiunea fontului - cu atât mai mare este, cu atât mai mult se poate face offset.
Nu este recomandat să folosiți umbra pentru proiectarea conținutului textului principal, este cea mai mare nevoie pentru a îmbunătăți titlurile de frumusete, unele elemente de pe lista, sau celulele din tabel, dar nu și informațiile principale de pe pagina, care trebuie să fie depusă într-o formă mai modestă.
mai multe umbre
Da, în CSS poate fi separate prin virgule pentru a defini mai multe umbre de text. Aici este important doar să ne amintim de următoarea regulă: umbrele care sunt plasate în primul cod, se va suprapune cele situate, astfel încât tot ce trebuie să ceară umbre sledyuschim compensate mai mult pentru a le vedea pe pagina.
Numărul de umbre adăugate nelimitat, decalate pot fi setate imediat ce o parte, și cu cei doi, și nu poate cere deloc. De asemenea, o umbră poate fi adecvată textului și de a îmbunătăți aspectul, dar poate strica doar totul depinde de combinații de culori.
Umbrele sunt un instrument puternic pentru formatarea CSS3-text și deja utilizate pe scară largă, în principal, în antetele de care trebuie să fie într-un punct culminant printre restul textului.
alte proprietăți
Efectuarea hover
De asemenea, este posibil și, uneori, este necesar să emită text frumos în css atunci când treceți cursorul mouse-ului. În ceea ce ar putea fi un astfel de pastișă? De exemplu, apariția subliniere, schimba culoarea textului sau culoarea de fundal, schimba dimensiunea fontului, etc.
Interesant, popularitatea recentă de a face orice modificări în clădire site-ul fără probleme. Pentru a face acest lucru, pur și simplu lista elementul dorit pe pagina:
Acum, dacă adăugați un antet cu stiluri planare pseudo (de exemplu, se adaugă schimbarea aspectului atunci când vă mutați), apoi schimbați unele valori vor fi netede, care, în sine, este un pic mai frumos, în comparație cu o tranziție bruscă.
CSS.Intr imens arsenal de instrumente pentru a schimba aspectul textului. Cel mai puternic dintre ele - este abilitatea de a utiliza orice fonturi, specificându-le prin intermediul font-family, precum și adăugarea de posibilitatea de a adăuga în umbre CSS3. Aici se încheie acest articol despre metodele de schimbare a textului, și doriți să utilizați cu succes aceste cunoștințe în dezvoltarea de site-uri web. Pentru mai multe informații despre acest subiect puteți găsi în cursul primei în CSS3
HTML5 și CSS3 practica de la zero la rezultatul!
Cele mai multe știri IT si dezvoltare web pe canalul nostru-Telegram
