HTML ir CSS vadovėlis pradedantiesiems

HTML Pagrindai

Įvadas HTML Kalba HTML Žymos Atributai Stiliai Pagrindinė puslapio struktūra Pagrindinės žymos Paragrafai Antraštės Teksto paryškinimas pastorintu šriftu Teksto paryškinimas pasviruoju šriftu Netvarkingi sąrašai TVarkingi sąrašai Nuorodos Vidinės nuorodos Vaizdai Vaizdo plotis Vaizdo aukštis Vaizdo pločio ir aukščio nustatymas Lentelės Lentelės plotis ir aukštis Antraštinių langelių Praktikumass

CSS Pagrindai

Įvadas į CSS Kaip dirbti su CSS Spalvų reikšmės Bet kokios spalvos Plotis ir aukštis Teksto lygiavimas Teksto lygiavimas dešinėje Teksto lygiavimas centre Teksto lygiavimas kairėje Teksto lygiavimas vienu metu į dešinę ir kairę Praktika teksto lygiavimui Paryškinimas Kursyvas Šrifto dydis Šrifto šeima Tarpas tarp eilučių Line-height reikšmė be matavimo vienetų Sutrumpinta font savybė Pastraipos pirmosios eilutės atitraukimas Teksto efektai Teksto pabraukimas Teksto viršutinė linija Teksto perbraukimas Teksto efektų atšaukimas Praktikumas

Selektorius

Giminiškių elementų ryšiai Savybių paveldėjimas Selektorių grupavimas Bendrosios savybės Palių selektoriai Dukterinis selektorius Klasės selektorius Elementas span Elementas div Klasių grupavimas Elementas su nurodyta klase Palių selektorius ir klasės Sudėtingos palių selektoriaus ir klasių kombinacijos Naujoko klaida palių selektoriuje Elementas su keliais klasėmis Selektorius pagal id Selektorius pagal id ir klasės Id naudojimas Selektorius pagal kelias klases Keli selektoriai kartu Kelių selektorių klaida Sudėtingų selektorių grupavimas Klaida grupavimo metu Treniruotė su selektorių kombinacijomis Selektorių pirmenybė Pastaba dėl savybių konflikto Specifiškumo taisyklės Palių selektorių pirmenybė Gretimasis selektorius Giminiškasis selektorius Universalusis selektorius Atributų selektoriai Nuorodų būsenos Nuorodų būsenų sekos niuansai Link ir visited būsenos Įprastas nuorodų būsenų naudojimas Sudėtingi selektoriai su nuorodomis Nuoroda su klase Galiniai elementų pasirinkimas Pasirinkimas pagal poziciją Vienintelio paliko pasirinkimas Tuščių elementų pasirinkimas Pasirinkimas pagal poziciją ir elementų tipą Neigimas not

Dekoravimas

Fono spalva Pagrindai dirbant su kraštinėmis Vientisa kraštinė Taškinė kraštinė Brūkšninė kraštinė Išgaubta kraštinė Dviguba kraštinė Sutrumpinta kraštinės savybė Kraštinės skirtingoms pusėms Bloko kraštinių apvalinimas Fono kraštinių apvalinimas Apskritimo kūrimas Apvalinimas skirtingiems kampams Keturios reikšmės Dvi reikšmės Trys reikšmės Apvalinimas procentais Apskritimo kūrimas apvalinant procentais Paveikslėlis fonui Fono paveikslėlio kartojimas Kitos fonų savybės Sąrašų ul žymekliai Kvadratiniai sąrašų ul žymekliai Sąrašų ul žymekliai apskritimų pavidalu Sąrašų ul žymekliai užpildytų apskritimų pavidalu Sąrašų ul žymeklių nebuvimas Sąrašų ol žymekliai Mažosios romėniškos skaitmenys sąrašams ol Didžiosios romėniškos skaitmenys sąrašams ol Mažosios lotyniškos raidės sąrašams ol Didžiosios lotyniškos raidės sąrašams ol Mažosios graikiškos raidės sąrašams ol Skaičiai su nuliu priekyje sąrašams ol

Blokinis modelis

Išorinis atstumas margin Atstumai margin skirtingoms pusėms Keli reikšmės margin Keturios reikšmės margin Dvi reikšmės margin Trys reikšmės margin Vidinis atstumas padding Atstumai padding skirtingoms pusėms Keli reikšmės padding Elementų išsiplėtimas Krašto įtaka elementų išsiplėtimui Bendras padding ir krašto įtaka elementų išsiplėtimui Elementų išsiplėtimo atšaukimas Blokiniai elementai Blokinio elemento plotis ir aukštis Blokinio elemento plotis Blokinio elemento aukštis Aukštis be turinio Keli blokiniai elementai vienas šalia kito Eiliniai elementai Eilinio elemento plotis ir aukštis Keli eiliniai elementai vienas šalia kito Tarpai tarp eilinių elementų Blokinio modelio apibrėžimas Display savybė Eiliniai-blokiniai elementai Eilinio-blokinio elemento plotis ir aukštis Eilinio-blokinio elemento plotis Eilinio-blokinio elemento aukštis Keli eiliniai-blokiniai elementai vienas šalia kito Blokinių elementų lygiavimas Blokinio elemento lygiavimas su atstu kairėje Blokinio elemento lygiavimas su atstu dešinėje Eilinių elementų lygiavimas Eilinių elementų centravimas Kelių eilinių elementų centravimas Eilinių elementų lygiavimas dešiniuoju kraštu Eilinių-blokinių elementų lygiavimas Eilinių-blokinių elementų centravimas Eilinių-blokinių elementų lygiavimas dešiniuoju kraštu Flex elementai Flex elementų tėvo aukštis Flex elementų tėvo plotis Eilinis-blokinis tėvas Tėvo padding atstumai Margin atstumai palikuonims Flex elementų lygiavimas Flex elementų lygiavimas centre Flex elementų lygiavimas pagal tėvą Flex elementų lygiavimas pagal tėvą su atstumais Flex elementų lygiavimas pagal tėvą su vienodais atstumais

Pozicionavimas

Absoliutus Santykinis Absoliutus tėvinio elemento atžvilgiu Absoliutus absoliutaus elemento atžvilgiu Absoliutus be koordinačių Centravimas naudojant absolute Neigiamos absolute reikšmės Fiksuotas pozicionavimas Blokas viso ekrano pločio Elementų sluoksniavimas Z ašyje Elementų sluoksniavimo Z ašyje reguliavimas Neigiamos z-index reikšmės naudojimo niuansai

Float'ai

Įvadas į float savybę Float savybė ir žymės Float ir margin derinys Float ir padding derinys Plūduriuojantys elementai po žymėmis Floatų poveikis tėviniam elementui Floatų tėvinio elemento aukštis Tekstas floatų tėviniame elemente Aptekėjimas Aptekėjimo atšaukimas Atskiras div su clearfix Tėvinio elemento aukštis ir clearfix Float savybė blokams Float savybė ir keli blokai Float savybė ir tėvinis elementas be teksto

Flex'ai

Išdėstymas eilute ar stulpeliu Flex elementų išdėstymas apverstoje eilėje Flex elementų išdėstymas stulpeliu Stulpelio su flex elementais apvertimas Pagrindinė ir skersinė ašys Lygiuoti pagal pagrindinę ašį Lygiuoti pagal skersinę ašį Align-items savybės center reikšmė Centravimas be blokų aukščio Centravimas su skirtingais blokų aukščiais Align-items savybės stretch reikšmė Praktika lygiavimui pagal ašis Atskiro elemento lygiavimas Flex blokų tvarka

Grid'ai

Įvadas į grid'us Takeliai ir linijos Rodymas derintuve Stulpeliai Fr vienetas Trupmeniniai fr Pikseliai ir fr Procentai ir fr Repeat funkcija Auto reikšmė Auto-fill reikšmė Minmax funkcija Auto-fit reikšmė Eilutės Trumpinys eilutėms ir stulpeliams Eilučių sujungimas Stulpelių sujungimas Sujungimų kombinacijos Stulpelių persidengimas Atstumas tarp stulpelių Atstumas tarp eilučių Atstumas tarp stulpelių ir eilučių Plytelės

Maketai

Meniu kūrimas Paprasti vieno stulpelio svetainės maketai Maketų su keliais wrapperiais schema Svetainės struktūriniai blokai Dviejų stulpelių maketo schema Trijų stulpelių svetainės maketo schema Specialios svetainės maketo elementų žymos Pagrindinės maketo žymos Žyma sekcijoms Praktika su maketais
↑
Lietuvių▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Mes naudojame slapukus svetainės veikimui, analizei ir personalizavimui. Duomenų apdorojimas vyksta pagal Privatumo politiką.
priimti visus nustatyti atšaukti