К содержанию

HTML-i ja CSS-i õpik algajatele

Lihtne HTML-i ja CSS-i veebilehtede loomise õpik algajatele koos põhjaliku teooria ja ülesannete kogumikuga.

Valijad

HTML siltide sugulussidemed

CSS omaduste pärimine

Selektorite grupeerimine CSS-is

Üldised omadused selektorite grupeerimisel CSS-is

Järeltulijate valijad CSS-is

Lapse valijad CSS-is

Elementide klassid CSS-is

Span-iga tekstitükkide jaoks HTML-is

HTML-i div-silt siltide grupeerimiseks

CSS-i klasside grupeerimine

Sildi määratud klassiga CSS-is

Järeltulija valijad ja klassid CSS-is

Keerulised järeltulija valijate ja klasside kombinatsioonid CSS-is

Algajate viga järeltulija valijas

Element mitme CSS-klassiga

Elemendi valimine unikaalse id järgi CSS-is

ID valija ja CSS klassid

ID kasutamine CSS-is

Elemendi valimine mitme klassi järgi CSS-is

Mitme CSS-i valija ühendamine

Viga mitme CSS valija kasutamisel

Keerukate CSS-i selektorite grupeerimine

Vigane komplekssete CSS-i valijate grupeerimine

CSS selektorite kombinatsioonide harjutus

CSS-i selektorite prioriteet

CSS atribuudi konflikti märge

Spetsiifilisuse reeglid CSS-is

CSS-i pärijate selektorite prioriteet

Naabervallija CSS-is

Sugulase valija CSS-is

Universaalne valija CSS-is

Atribuudiselektorid CSS-is

Lingi olekud CSS-is

CSS-i lingiseisundite järjestuse nüansid

Lingi ja külastatud olekud CSS-is

Lingi olekute tavaline kasutamine CSS-is

Keerukad selektorid koos linkide olekutega CSS-is

Lingi klassiga CSS-is

CSS-i lõputeoste valimine

Elementide positsioonil põhinev valik CSS-is

Ainsa järeltulija valimine CSS-is

Tühjade elementide valimine CSS-is

Valik positsiooni ja elemendi tüübi järgi CSS-is

Eituse valija CSS-is

Kujundus

Taustavärvi määramine CSS-is

CSS-i piiride põhitöö

Pidev piirjoon CSS-is

Punktiirjoon CSS-is

Kriipsjoon piir CSS-is

Kumer piir CSS-is

Topeltpiir CSS-is

Piiri lühendatud omadus CSS-is

CSS-is üksikute külgede piirjooned

Ploki piiride ümardamine CSS-is

Tausta ümardatud nurgad CSS-is

Ringi loomine CSS-is

Erinevad ümardused erinevate nurkade jaoks CSS-is

Nelja erineva nurga ümardamise väärtused CSS-is

Kaks erinevate nurkade ümardamise väärtust CSS-is

Kolm ümardusväärtust erinevate nurkade jaoks CSS-is

Ümardatud nurgad protsentides CSS-is

Ringi loomine protsentides ümardamisega CSS-is

Taustapilt CSS-is

Taustapildi kordamine CSS-is

Muud taustaga seotud atribuudid CSS-is

Loendite UL markerite töötamine CSS-is

Ruutloendimärgid CSS-is

Nimekirjamarkerid ul ringikujulised CSS-is

Loendite ul markerite töötamine CSS-is

Loendimärkide eemaldamine ul-elementidest CSS-is

Loendite ol markerite töötamine CSS-is

Väikeste rooma numbrite määramine loenditele ol CSS-is

Suured rooma numbrid loenditele ol CSS-is

Väiketähed ladina tähestikust loenditele ol CSS-is

Suured ladina tähed loenditele ol CSS-is

Väikeste kreeka tähtede loendite jaoks CSS-is

Numbrid eesoleva nulliga loenditele ol CSS-is

Plokkmudel

Margini (väliste vahede) töötamine CSS-is

Erinevate külgede marginaalid CSS-is

Mitme väärtusega margin atribuut CSS-is

Nelja väärtuse omadus margin CSS-is

Kaks väärtust CSS-i margin omaduses

Kolm väärtust margin atribuudis CSS-is

Taandete (padding) kasutamine CSS-is

CSS-i padding-väljad eri külgedele

Mitme väärtuse määramine padding atribuudis CSS-is

Taandete (padding) kasutamine CSS-is

Piiri mõju elementide laienemisele CSS-is

Paddingi ja piiri mõju elementide laienemisele CSS-is

Elementide laienemise tühistamine CSS-is

Plokielementide eripärad CSS-is

Plokielemendi laius ja kõrgus CSS-is

Plokielemendi laius CSS-is

Plokielemendi kõrgus CSS-is

Sisuga blokeeriva elemendi kõrgus CSS-is

Mitu plokielementi kõrvuti CSS-is

Reaelementide omadused CSS-is

Reaelemendi laius ja kõrgus CSS-is

Mitme reaelemendi kõrvuti CSS-is

Reas elemendite vahelised taanded CSS-is

HTML siltide plokkmudeli määramine

CSS-is display omadusega töötamine

Reaalseteblokelementide omadused CSS-is

Rea-blokkelemendi laius ja kõrgus CSS-is

Rea-blokeeriva elemendi laius CSS-is

Reas-blokeeritud elemendi kõrgus CSS-is

Mitme rea-blokelementi kõrvuti CSS-is

Plokk-elementide joondamine CSS-is

Plokk elemendi joondamine vasaku taanega CSS-is

Plokk elemendi joondamine parema taandega CSS-is

Reavelementide joondamine CSS-is

Reaelementide keskmine joondamine CSS-is

Mitme reaelemendi tsentreerimine

Reaaljoondamine CSS-is

Reas-blokk elementide joondamine CSS-is

Reas-blokk elementide tsentreerimine CSS-is

Reaalploki elementide joondamine paremale äärele CSS-is

Flex elemendid CSS-is

CSS-is flex elementide vanema kõrgus

Flex elementide vanema laius CSS-is

Rea-plokk vanem flex elementide jaoks CSS-is

CSS-is paindlike elementide vanema padding-väljade töötamine

Margin'i taanded järeltulijatele CSS-is

Flex-elementide joondamine CSS-is

Flex-elementide keskele joondamine CSS-is

Flex-elementide joondamine vanemasisendi suhtes CSS-is

Flex-elementide joondamine vanemaelemendiga vahedega

Flex-elementide joondamine vanemaelemendiga võrdsete vahedega

Positsioneerimine

Elementide absoluutne positsioneerimine CSS-is

Elementide suhteline positsioneerimine CSS-is

CSS-is vanema suhtes positsioneerimine

Positsioneerimine absoluutse vanema suhtes CSS-is

Absoluutne positsioneerimine ilma koordinaatideta CSS-is

Tsentreerimine absoluutse positsiooniga CSS-is

Negatiivsed väärtused positsioneerimisel CSS-is

Fikseeritud positsioneerimine CSS-is

Plokk ekraani täislaiusega CSS-is

Elementide pealekattumine Z-teljel CSS-is

Elementide Z-teljele kuhjumise reguleerimine CSS-is

Negatiivse z-index'i väärtuse kasutamise nüansid CSS-is

Flotid

CSS-i float omaduse sissejuhatus

Ujuvate elementide läbimine siltide kaudu CSS-is

Float ja margin kombinatsioon CSS-is

Float ja padding kombinatsioon CSS-is

Ujuvad elemendid siltide all CSS-is

Floatide mõju vanemale CSS-is

CSS-is float-elementide vanema kõrgus

Tekst ujuvate elementide vanemas CSS-is

Ümbervool CSS-is

Voolimise tühistamine CSS-i omadusega clear

Eraldi clearfix div CSS-is

Clearfix ja vanema elemendi kõrgus CSS-is

CSS-i plokkide float omadus

Float omadus ja mitu plokki CSS-is

Float omadus ja tekstita vanem CSS-is

Paindlikud konteinerid

Flex-elementide paigutamine ritta või veergu CSS-is

Flex-elementide paigutus vastupidises reas CSS-is

Flex elementide paigutamine veergu CSS-is

Veergude ümberpööramine flex elementidega CSS-is

Põhi- ja risttelg CSS-i flex konteinerites

Flex-elementide joondamine põhiteljel CSS-is

Flex-kastide joondamine ristsuunas CSS-is

Omaduse align-items väärtus center CSS-is

Keskendamine ilma plokkide kõrguseta CSS-is

Erineva kõrgusega plokkide keskmistamine CSS-is

CSS-i atribuudi align-items väärtuse stretch tähendus

Praktika CSS-i telgede järgi joondamise kohta

Üksiku elemendi joondamine flex mudelis CSS-is

Flex plokkide järjestus CSS-is

Võred

Kujundused

Menüü loomine CSS-is

Lihtsad ühe veeruga veebilehtede maketid CSS-is

Mitme wrapperiga CSS-i maketi skeem

Veebilehe struktuuriblokid HTML-is

Kahe veeru veebilehe maketi skeem CSS-is

Kolme veeru veebilehe maketi skeem CSS-is

Veebilehe maketi elementide spetsiaalsed sildid HTML-is

Põhilised HTML-i maketi sildid

Sektsioonide märgend HTML-is

HTML ja CSS-i makettide praktika