Și aici este captura de ecran a ceea ce am primit:

La acest făcut cu clase (într-un mod bun). O tranziție lină către identificatorii ...

obiectul nostru de analiză este utilizat mai puțin frecvent, ca studiul clasele de mai sus, dar ele nu trebuie neglijat. Orice identificator începe cu prefix #ID. Ei bine, de exemplu:

Apoi suna de identificare:

font Arial cu un set de căști

Puteți lua acum o respirație profundă - am învățat toate modurile de definire a stilurilor!

În această lecție vom vorbi despre poziționarea elementelor. În cazul în care HTML Web-maestru nu este capabil de a scormoni text oriunde (fara tabele), CSS rezolvă problema și o face destul de eficient. Există o opțiune specială, numele a cărei poziție. Se poate lua 2 valori, și anume: absolută și relativă. În primul caz, ne-am stabilit poziția absolută a elementului, iar al doilea - locația sa în raport cu începutul. Unii dintre voi deja țipând: „Tu în cele din urmă el a înțeles ce am spus?“, Dar în alte cuvinte vorbesc ușor. Vă sugerez să ia în considerare o altă listare mai degrabă primitivă și experiment cu ea:

Acest titlu.

Acest titlu.

Lucrul cu fonturi.

CSS ne oferă oportunități de a lucra cu fonturi. Prima proprietate, cu care se va întâlni - este font-size. S-ar putea observa că această opțiune ne-am întâlnit deja, dar nu am avut onoarea să se întâlnească cu valorile acestora. Să stabilească lapse ofensator:

XX-mare - cea mai mare.

XX-mici - cel mai mic.

În plus, nimic nu ne împiedică să folosească valori relative. Doar două dintre ele: mai mari și mai mici. Ei schimba dimensiunea textului în raport cu linia de bază.

Următoarea proprietate este după cum urmează: font-family. Aceasta stabilește setul cu cască de font utilizat, dar pentru a utiliza acest shnyaga nu este necesară, având în vedere faptul că utilizatorul nu poate să apară. Opțiunea Font-familie are următoarea sintaxă:

Următorul parametru al acestei lecții:

Dar valorile sunt sale:

Și ultima opțiune:

Proprietăți de blocuri de text.

Pentru a începe, să fie clar că termenul „blocul de text“ se înțelege, în primul rând, punctul. Determinat de cele de mai sus, după cum vă amintiți, etichetat P, având o medie de o proprietate align = „...“. Tulburare, nu? CSS ne oferă o oportunitate extraordinară de a lucra cu paragrafe, iar acest subiect în timp util, am decis să dedic lecția curentă.

Să ne uităm la câteva opțiuni și apoi se trece la exemplul clar toate studiat ilustrează.

Line-height - setează spațierea. De exemplu, p

Text-decorare - acest lucru permite un pic de condiment de text. Care este proprietatea are? Să vedem:

- Overline - line peste textul.

- Nici una - nu există nici o valoare, du-te pentru a bea bere!

-Text transforma - transformă caracterele de text în nici un fel. valori:

- Valorifica - convertește blocul selectat în așa fel încât prima literă a fiecărui cuvânt este capitalizată.

- Majuscule - blocul selectat este scris cu majuscule.

- Minuscule - blocul selectat este scris cu litere mici.

Text-align - proprietate familiară care determină alinierea textului. Valorile, după cum știți deja, sunt după cum urmează:

- Stânga - spre stânga.

- Dreptul - la dreapta.

- Centrul - în mijloc.

- Justify - lățime.

Text-Indentați - stabilește o linie roșie pe marginea din stânga. Valoarea poate fi specificată ca un pixel, și ca procent.

-Margine stânga - specifică amploarea marjei de stânga. (Distanța dintre blocul de text și vecinii săi)

-Dreapta Marja - specifică amploarea marjei de drept.

Margin-top - setează valoarea marjei de top.

-Margine jos - setează valoarea marjei de jos.

Marja - setează valoarea tuturor câmpurilor.

In schimb, partea de sus dreapta jos la stânga aveți nevoie pentru a pune valorile în pixeli sau procente.

Padding-top - setează câmpul de interior (distanța dintre text și cadru, încadrarea acestuia Pentru a specifica cadrul, vezi mai jos.).

Padding-dreapta - câmpul intern din dreapta.

Padding-bottom - cea mai mică câmpul intern.

Padding-stânga - câmpul intern din stânga.

Căptușeli - valoarea totală a tuturor domeniilor interne. Acest lucru are aceeași sintaxă ca și marja.

Border - stabilește cadrul, încadrarea alin. Acesta este după cum urmează:

lățime stil de culoare;: frontieră

Dar sunt (foarte des) ocazii când trebuie să setați proprietățile pentru fiecare parte a cadrului (stânga, dreapta, sus și jos). În acest caz, opțiunea de frontieră din motive evidente, nu în pantă. Apoi, puteți utiliza următoarele proprietăți:

Border-top-width - lățimea frontierei de sus.

Border-bottom-width - lățimea frontierei de jos.

Border-stânga lățime - lățimea graniței stânga.

Border-dreapta-lățime - lățimea marginea dreaptă.

Border lățime - lățimea întregii granițe.

Trebuie remarcat faptul că toate aceste opțiuni sunt eficiente numai în cazul în care stilul de frontieră specificat. Faceți această faptă nobilă poate, folosind următoarea proprietate:

Border stil - specifică stilul de frontieră. Valorile sunt după cum urmează:

- Nici una - Sunt rece și cadre să nu yuzayu!

- Punctata - cadru specificat punct.

- Dashed - cadru punctată.

- Dublu - cadru dublu.

- Groove - un cadru tridimensional încastrat.

- Ridge - un cadru convex tridimensional.

- Inset - un cadru tridimensional de viteză convexă.

- Bun început - o linie de viteză tridimensională alveolă.

Border-color - setează culoarea frontierei. Poate fi folosit pentru o singură linie, cum ar fi: p

Acum știi o mulțime de setări care se aplică un paragraf și nu numai. Ia frontiera. Ghici unde altundeva poate fi folosit? Corect în tabelele! Să ne uităm la un alt exemplu: