Tutorial HTML și CSS pentru începători

Bazele HTML

Introducere Limbajul HTML Tag-uri HTML Atribute Stiluri Structura de bază a paginii Tag-uri de bază Paragrafe Antete Text îngroșat Text cursiv Liste neordonate Liste ordonate Link-uri Link-uri interne Imagini Lățimea imaginii Înălțimea imaginii Setarea lățimii și înălțimii imaginii Tabele Lățimea și înălțimea tabelului Celule-antet Practic

Bazele CSS

Introducere în CSS Cum să lucrezi cu CSS Valori pentru culoare Orice culori Lățime și înălțime Alinierea textului Alinierea textului la dreapta Alinierea textului pe centru Alinierea textului la stânga Alinierea textului simultan la dreapta și la stânga Practică pe alinierea textului Grosime Cursiv Dimensiunea fontului Familia fontului Spațierea interlinie Valoarea line-height fără unități Proprietatea-prescurtare font Linie roșie a textului Efecte de text Sublinierea textului Supralinierea textului Tăierea textului Anularea efectelor pentru text Practicume

Selectoare

Relații de rudenie ale tag-urilor Moștenirea proprietăților Gruparea selectorilor Proprietăți comune Selectoarele descendenților Selectorul copil Selectorul de clasă Tag-ul span Tag-ul div Gruparea claselor Tag cu o clasă specificată Selectorul descendenților și clasele Combinații complexe ale selectorului de descendenți și claselor Greșeala începătorilor în selectorul de descendenți Element cu mai multe clase Selectorul după id Selectorul după id și clasele Utilizarea id-ului Selectorul după mai multe clase Mai mulți selectori împreună Greșeala cu mai mulți selectori Gruparea selectorilor complecși Greșeală la grupare Antrenament pe combinații de selectoare Prioritatea selectorilor Observație privind conflictul de proprietăți Regulile de specificitate Prioritatea selectorilor de descendenți Selectorul frate adjacent Selectorul frate general Selectorul universal Selectoarele de atribute Stările link-urilor Nuanțe ale secvenței stărilor link-urilor Stările link și visited Utilizarea obișnuită a stărilor link-urilor Selectoare complexe cu link-uri Link cu clasă Selecția elementelor finale Selecția după poziție Selecția singurului copil Selecția elementelor goale Selecția după poziție și tipul elementelor Negația not

Decorare

Culoare de fundal Bazele lucrului cu borduri Bordură solidă Bordură punctată Bordură linie întreruptă Bordură reliefată Bordură dublă Proprietate scurtă pentru bordură Borduri pentru laturi diferite Rotunjirea colțurilor blocului Rotunjirea colțurilor fundalului Crearea cercului Rotunjire pentru colțuri diferite Patru valori Două valori Trei valori Rotunjire în procente Crearea cercului cu rotunjire în procente Imagine pentru fundal Repetarea imaginii de fundal Alte proprietăți pentru fundal Markerele listelor ul Markere pătrate pentru listele ul Markere pentru listele ul sub formă de cercuri Markere pentru listele ul sub formă de cercuri colorate Absența markerelor pentru listele ul Markerele listelor ol Cifre romane mici pentru listele ol Cifre romane mari pentru listele ol Litere latine mici pentru listele ol Litere latine mari pentru listele ol Litere grecești mici pentru listele ol Numere cu zero în față pentru listele ol

Modelul de bloc

Marginul extern margin Marginile margin pentru laturi diferite Mai multe valori în margin Patru valori în margin Două valori în margin Trei valori în margin Paddingul intern padding Marginile padding pentru laturi diferite Mai multe valori în padding Extinderea elementelor Influența bordurii asupra extinderii elementelor Influența combinată a padding-ului și a bordurii asupra extinderii elementelor Anularea extinderii elementelor Elemente bloc Lățimea și înălțimea unui element bloc Lățimea unui element bloc Înălțimea unui element bloc Înălțime fără conținut Mai multe elemente bloc unul lângă altul Elemente inline Lățimea și înălțimea unui element inline Mai multe elemente inline unul lângă altul Spațierea între elementele inline Definirea modelului de bloc Proprietatea display Elemente inline-block Lățimea și înălțimea unui element inline-block Lățimea unui element inline-block Înălțimea unui element inline-block Mai multe elemente inline-block unul lângă altul Alinierea elementelor bloc Alinierea unui element bloc cu marginile din stânga Alinierea unui element bloc cu marginile din dreapta Alinierea elementelor inline Centrarea elementelor inline Centrarea mai multor elemente inline Alinierea elementelor inline pe marginea dreaptă Alinierea elementelor inline-block Centrarea elementelor inline-block Alinierea elementelor inline-block pe marginea dreaptă Elemente flex Înălțimea părintelui elementelor flex Lățimea părintelui elementelor flex Părinte inline-block Marginile padding ale părintelui Marginile margin pentru descendenți Alinierea elementelor flex Alinierea elementelor flex pe centru Alinierea elementelor flex de-a lungul părintelui Alinierea elementelor flex de-a lungul părintelui cu marginile Alinierea elementelor flex de-a lungul părintelui cu marginile egale

Poziționarea

Absolută Relativă Absolută relativ la părinte Absolută relativ la absolut Absolută fără coordonate Centrarea prin absolute Valori negative absolute Poziționare fixă Bloc pe toată lățimea ecranului Suprapunerea elementelor pe axa Z Reglarea suprapunerii elementelor pe axa Z Nuanțe ale aplicării valorii negative z-index

Float-uri

Introducere în proprietatea float Proprietatea float și etichetele Combinarea float și margin Combinarea float și padding Elemente plutitoare sub etichete Acțiunea float-urilor asupra părintelui Înălțimea părintelui float-urilor Text în părintele float-urilor Înfășurarea textului Anularea înfășurării Un div separat cu clearfix Înălțimea părintelui și clearfix Proprietatea float pentru blocuri Proprietatea float și mai multe blocuri Proprietatea float și părinte fără text

Flexbox

Aranjarea în rând sau coloană Aranjarea elementelor flex în rând inversat Aranjarea elementelor flex în coloană Inversarea coloanei cu elemente flex Axa principală și axa transversală Alinierea pe axa principală Alinierea pe axa transversală Valoarea center a proprietății align-items Centrarea fără înălțimea blocurilor Centrarea cu înălțimi diferite ale blocurilor Valoarea stretch a proprietății align-items Practică pe alinierea pe axe Alinierea unui element individual Ordinea blocurilor flex Aranjarea multiliniară a blocurilor align-content

Grile

Introducere în Grile Track-uri și Linii Afișarea în Debugger Coloane Unitatea fr fr fracționali Pixeli și fr Procente și fr Funcția repeat Valoarea auto Valoarea auto-fill Funcția minmax Valoarea auto-fit Rânduri Prescurtare pentru rânduri și coloane Combinarea rândurilor Combinarea coloanelor Combinații de uniri Suprapunerea coloanelor Distanța între coloane Distanța între rânduri Distanța între coloane și rânduri Plăcuțe

Layout-uri

Crearea meniului Layout-uri simple de site cu o singură coloană Schema layout-urilor cu mai mulți învelișuri Blocuri structurale ale site-ului Schema layout-ului cu două coloane Schema layout-ului de site cu trei coloane Tag-uri speciale pentru elementele de layout ale site-ului Tag-uri principale de layout Tag pentru secțiuni Practică pe layout-uri
↑
Română▼
AzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItalianoქართულიҚазақLietuviųLatviešuМакедонскиMelayuNederlandsNorskPolskiPortuguêsРусскийSlovenčinaSlovenščinaShqipSvenskaKiswahiliTürkçeЎзбекOʻzbek
Folosim cookie pentru funcționarea site-ului, analiză și personalizare. Prelucrarea datelor are loc în conformitate cu Politica de confidențialitate.
acceptă toate configurează respinge