К содержанию

HTML ir CSS vadovėlis pradedantiesiems

Paprastas HTML ir CSS kūrimo vadovėlis pradedantiesiems su išsamią teorija ir užduočių knygele.

Selektorius

Giminystės ryšiai tarp HTML žymų

CSS savybių paveldėjimas

CSS selektorių grupuotė

Bendrosios savybės grupuojant selektorius CSS

CSS palikuonių selektoriai

Dukterinis selektorius CSS

Elementų klasės CSS

HTML elemento span teksto dalims

HTML div žymė žymų grupavimui

CSS klasių grupavimas

Elementas su nurodyta klase CSS

Palikuonių selektorius ir klasės CSS

Sudėtingos palikuonių selektoriaus ir klasių kombinacijos CSS

Pradedančiųjų klaida palikuonių selektoriuje

Elementas su keliais CSS klasėmis

Elementų pasirinkimas pagal unikalų id CSS

Pasirinkimas pagal id ir CSS klasės

ID naudojimas CSS

Elementų pasirinkimas pagal kelias klases CSS

Keli CSS selektoriai parašyti kartu

Klaida naudojant kelis CSS selektorius

Sudėtingų CSS selektorių grupavimas

Klaida grupuojant sudėtingus CSS selektorius

Praktika su CSS selektorių kombinacijomis

CSS selektorių prioritetas

Pastaba dėl CSS savybių konflikto

Specifiškumo taisyklės CSS

CSS palikuonių selektorių prioritetas

Gretimasis selektorius CSS

Giminių elementų selektorius CSS

Universalusis selektorius CSS

Atributų selektoriai CSS

Sąsajų būsenos CSS

CSS nuorodų būsenų sekos niuansai

Nuorodų būsenos link ir visited CSS

Įprastas nuorodų būsenų naudojimas CSS

Sudėtingi selektoriai su nuorodų būsenomis CSS

Nuoroda su klase CSS

Galinių elementų atranka CSS

Elementų pozicijos atranka CSS

Vienintelio palikuonio pasirinkimas CSS

Tuščių elementų atranka CSS

Elementų pasirinkimas pagal poziciją ir tipą CSS

CSS neigimo selektorius

Dekoravimas

Fono spalvos nustatymas CSS

Pagrindiniai CSS kraštinių darbo principai

Ištisinė kraštinė CSS

Taškinė riba CSS

Brūkšnelių rėmelis CSS

Išgaubta kraštinė CSS

Dviguba kraštinė CSS

CSS rėmelių sutrumpintas apibrėžimas

Atskirų kraštinių rėmeliai CSS

Bloko kraštų apvalinimas CSS

Fono kampų apvalinimas CSS

Apskritimo kūrimas CSS

Skirtingi CSS kampų apvalinimai

Keturios skirtingų kampų apvalinimo reikšmės CSS

Dvi apvalinimo reikšmės skirtingiems CSS kampams

Trys apvalinimo reikšmės skirtingiems kampams CSS

Suapvalinti kampai procentais CSS

Apskritimo sukūrimas naudojant procentinį apvalinimą CSS

Fono paveikslėlis CSS

Fono paveikslėlio kartojimas CSS

Kitos fono savybės CSS

Sąrašų ul žymeklių valdymas CSS

Kvadratiniai sąrašo ul žymekliai CSS

Sąrašų ul žymekliai apskritimo pavidalu CSS

Sąrašų ul žymeklių dirbimas su CSS

Sąrašų žymeklių pašalinimas ul CSS

Sąrašų ol žymeklių tvarkymas CSS

Eilučiai romėniški skaičiai ol sąrašams CSS

Didžiosios romėniškos skaitmenys sąrašams ol CSS

Mažosios lotyniškos raidės sąrašams ol CSS

Didžiosios lotyniškos raidės ol sąrašams CSS

Eilutiniai graikų raidžių simboliai ol sąrašams CSS

Sąrašų ol skaičiai su nuliu priekyje naudojant CSS

Blokinis modelis

Darbas su atitraukimais margin CSS

Paraštės margin skirtingoms pusėms CSS

Kelių reikšmių nurodymas CSS savybėje margin

Keturios reikšmės margin savybėje CSS

Dvi reikšmės margin savybėje CSS

Trys reikšmės margin savybėje CSS

Darbas su atitraukimais padding CSS

Atitraukimai padding skirtingoms pusėms CSS

Keli reikšmės padding savybėje CSS

Darbas su atitraukimais padding CSS

Rėmelių įtaka elementų išsiplėtimui CSS

Padding ir rėmelio įtaka elementų išsiplėtimui CSS

Elementų plėtimosi atšaukimas CSS

Blokinių elementų ypatumai CSS

Blokinio elemento plotis ir aukštis CSS

Blokinio elemento plotis CSS

Blokinio elemento aukštis CSS

Blokinio elemento aukštis be turinio CSS

Keli blokiniai elementai vienas šalia kito CSS

Eilinių elementų ypatumai CSS

Eilutinio elemento plotis ir aukštis CSS

Keli inline elementai vienas šalia kito CSS

Tarpai tarp eilutinių elementų CSS

HTML žymų blokinio modelio apibrėžimas

Darbas su display savybe CSS

Linijinių-blokinių elementų ypatumai CSS

Eilutinių-blokinių elementų plotis ir aukštis CSS

Eilutinių-blokinių elementų plotis CSS

Eilutinių-blokinių elementų aukštis CSS

Keli gretimi inline-block elementai CSS

Blokinių elementų lygiavimas CSS

Blokinio elemento lygiavimas su atitraukimu kairėje CSS

Blokinio elemento lygiavimas su dešiniuoju atstupe CSS

Eilinių elementų lygiavimas CSS

Eilinių elementų centravimas CSS

Kelių eilutinių elementų centravimas

Eilinių elementų lygiavimas dešiniajam kraštui CSS

Eilutinių-blokinių elementų lygiavimas CSS

Eilutinių-blokinių elementų centravimas CSS

Eilutinių-blokinių elementų lygiavimas iš dešinės CSS

Flex elementai CSS

Tėvinio flex elementų aukščio CSS

Tėvinio flex elementų pločio CSS

Eilutinis-blokinis flex elementų tėvinis elementas CSS

Tėvinio flex elementų atitraukimai padding CSS

Margin atitraukimai palikuonims CSS

Flex elementų lygiavimas CSS

Flex elementų centravimas CSS

Flex elementų lygiavimas pagal tėvinį elementą CSS

Flex elementų lygiavimas pagal tėvinį elementą su tarpais

Flex elementų lygiavimas pagal tėvinį elementą su vienodais tarpais

Pozicionavimas

Absoliutus elementų pozicionavimas CSS

Relatyvusis elementų pozicionavimas CSS

Pozicionavimas CSS lygmenyje, atsižvelgiant į pirminį elementą

Pozicionavimas absoliutaus tėvinio elemento atžvilgiu CSS

Absoliutus pozicionavimas be koordinačių CSS

Centravimas naudojant absoliutų pozicionavimą CSS

Neigiamos reikšmės pozicionuojant CSS

Fiksuota pozicija CSS

Bloko išplėtimas per visą ekrano plotį CSS

Elementų sluoksniavimas išilgai Z ašies CSS

Elementų perdengimo reguliavimas išilgai Z ašies CSS

CSS z-index neigiamos reikšmės naudojimo niuansai

Float'ai

Įvadas į float savybę CSS

Plaukiojančių elementų skverbimasis per žymes CSS

Float ir margin derinys CSS

Float ir padding derinys CSS

Plūduriuojantys elementai po žymėmis CSS

Floatų poveikis tėviniam elementui CSS

Floatų tėvinio elemento aukštis CSS

Tekstas float tėvinėje CSS

Apvalinimas CSS

Plūduriuojančių elementų atšaukimas naudojant CSS savybę clear

Atskiras div su clearfix CSS

Clearfix ir tėvinio elemento aukštis CSS

CSS blokų float savybė

Float savybė ir keli blokai CSS

Float savybė ir tėvinis elementas be teksto CSS

Flex'ai

Flex elementų išdėstymas eilute ar stulpeliu CSS

Flex elementų išdėstymas apverstoje eilėje CSS

Flex elementų išdėstymas stulpeliu CSS

Stulpelių su flex elementais apvertimas CSS

Pagrindinė ir skersinė ašys CSS flex blokuose

Flex elementų lygiavimas pagrindinėje ašyje CSS

Flex blokų lygiavimas skersine ašimi CSS

Align-items savybės center reikšmė CSS

Centravimas be blokų aukščio CSS

Centravimas su skirtingo aukščio blokais CSS

CSS savybės align-items reikšmė stretch

Praktika išlygiavimo pagal ašis CSS

Atskiro elemento lygiavimas flex modelyje CSS

Flex blokų tvarka CSS

Grid'ai

Įvadas į CSS tinklelius

Takeliai ir linijos CSS garduose

Tinklelių atvaizdavimas naršyklės derintuve

Stulpelių kiekis ir plotis CSS griduose

fr vienetas CSS griduose

Trupmeniniai vienetai fr CSS griduose

Pikseliai ir fr vienetai CSS garduose

Procentai ir fr vienetai CSS garduose

Funkcija repeat CSS tinkleliuose

Auto reikšmė CSS garduose

Auto-fill reikšmė CSS griduose

Minmax funkcija CSS garduose

Auto-fit reikšmė CSS garduose

Eilučių kiekis ir plotis CSS griduose

Eilutės ir stulpeliai CSS tinkleliuose – trumpinys

Eilučių sujungimas CSS tinkle

Stulpelių sujungimas CSS griduose

Eilučių ir stulpelių sujungimų kombinacijos CSS tinkleliuose

Stulpelių persidengimas CSS grid'uose

Tarpai tarp stulpelių CSS griduose

Atstumas tarp eilių CSS griduose

Atstumas tarp stulpelių ir eilučių CSS garduose

Plytelių išdėstymas CSS tinkle

Maketai

Meniu kūrimas CSS

Paprasti vieno stulpelio svetainės maketai CSS

Maketų su keliais wrapperiais schema CSS

Svetainės struktūriniai blokai HTML

Dviejų stulpelių svetainės maketo schema CSS

Trijų stulpelių svetainės maketo schema CSS

Specialiosios svetainės maketo elementų žymos HTML

Pagrindinės HTML maketo žymos

Sekcijų žymė HTML

Praktika su HTML ir CSS maketais