К содержанию

Učbenik HTML in CSS za začetnike

Preprost učbenik za oblikovanje spletnih strani z jeziki HTML in CSS za začetnike s podrobno teorijo in zbirko nalog.

Izbirniki

Sorodne povezave oznak v HTML

Dedovanje lastnosti CSS

Združevanje selektorjev v CSS

Splošne lastnosti pri združevanju izbirnikov v CSS

Selektorji potomcev v CSS

Podrejeni izbirnik v CSS

Razredi elementov v CSS

Oznaka span za koščke besedila v HTML

Oznaka div za združevanje oznak v HTML

Združevanje razredov v CSS

Oznaka z določenim razredom v CSS

Selektorji potomcev in razredi v CSS

Zapletene kombinacije selektorja potomcev in razredov v CSS

Napaka začetnikov pri selektorju potomcev

Element z več CSS razredi

Izbira elementa po edinstvenem id-ju v CSS

Izbiralnik po id in CSS razredi

Uporaba id v CSS

Izbira elementa z več razredi v CSS

Več selektorjev skupaj v CSS

Napaka pri uporabi več CSS selektorjev

Združevanje kompleksnih selektorjev v CSS

Napaka pri združevanju zapletenih CSS selektorjev

Praksa s kombinacijami CSS selektorjev

Prednost selektorjev CSS

Opomba k navzkrižju lastnosti CSS

Pravila specifičnosti v CSS

Prednost selektorjev potomcev v CSS

Sosednji izbiralnik v CSS

Sestrski izbirnik v CSS

Univerzalni selektor v CSS

Izbirniki atributov v CSS

Stanja povezav v CSS

Nianse zaporedja stanj povezav v CSS

Stanja povezav link in visited v CSS

Običajna uporaba stanj povezav v CSS

Zapleteni izbirniki s stanji povezav v CSS

Povezava z razredom v CSS

Izbira končnih elementov v CSS

Izbiranje elementov po poziciji v CSS

Izbira edinega potomca v CSS

Izbira praznih elementov v CSS

Izbira po poziciji in tipu elementov v CSS

Izbirnik negacije v CSS

Oblikovanje

Nastavitev barve ozadja v CSS

Osnove dela z obrobami v CSS

Polna obroba v CSS

Pikečasta meja v CSS

Meja v obliki črtice v CSS

Izbočena meja v CSS

Dvojni obroba v CSS

Lastnost okrajšave za obrobo v CSS

Meje za posamezne strani v CSS

Zaokroževanje robov bloka v CSS

Zaokroževanje robov ozadja v CSS

Ustvarjanje kroga v CSS

Različno zaokroževanje za različne kote CSS

Štiri vrednosti zaokroževanja za različne kote v CSS

Dve vrednosti zaokroževanja za različne kote CSS

Tri vrednosti zaobljanja za različne kote v CSS

Zaokroženi koti v odstotkih v CSS

Ustvarjanje kroga z uporabo odstotkov za zaokroževanje v CSS

Slika za ozadje v CSS

Ponavljanje slike ozadja v CSS

Druge lastnosti za ozadje v CSS

Delo z označevalci seznama ul v CSS

Kvadratni označevalci seznama ul v CSS

Oznake seznama ul v obliki krogov v CSS

Delo z označevalci seznama ul v CSS

Odstranjevanje označevalcev seznama ul v CSS

Delo z označevalci seznama ol v CSS

Vrstne rimske številke za sezname ol v CSS

Velike rimske številke za sezname ol v CSS

Mali latinični črki za sezname ol v CSS

Velike latinične črke za sezname ol v CSS

Sklonjene grške črke za sezname ol v CSS

Števila z vodilno ničlo za sezname ol v CSS

Blokni model

Delo z zamiki margin v CSS

Zamiki margin za različne strani v CSS

Več vrednosti v lastnosti margin v CSS

Štiri vrednosti v lastnosti margin v CSS

Dve vrednosti v lastnosti margin v CSS

Tri vrednosti v lastnosti margin v CSS

Delo z zamiki padding v CSS

Zamiki padding za različne strani v CSS

Več vrednosti v lastnosti padding v CSS

Delo z zamiki padding v CSS

Vpliv obrobe na širjenje elementov v CSS

Vpliv padding in obrobe na širjenje elementov v CSS

Preklic razširitve elementov v CSS

Značilnosti blokovskih elementov v CSS

Širina in višina blokovnega elementa v CSS

Širina bločnega elementa v CSS

Višina bločnega elementa v CSS

Višina bločnega elementa brez vsebine v CSS

Več blokovskih elementov drug ob drugem v CSS

Značilnosti inline elementov v CSS

Širina in višina vrstnega elementa v CSS

Več vrstičnih elementov drug ob drugem v CSS

Zamiki med vrsticami elementi v CSS

Določanje blokovnega modela HTML oznak

Delo z lastnostjo display v CSS

Značilnosti elementi inline-block v CSS

Širina in višina inline-block elementa v CSS

Širina inline-blok elementa v CSS

Višina inline-block elementa v CSS

Več vrstično-blokovnih elementov drug ob drugem v CSS

Poravnava bločnih elementov v CSS

Poravnava bločnega elementa z levim odmikom v CSS

Poravnava blokovnega elementa z desnim odmikom v CSS

Poravnava inline elementov v CSS

Sredinjenje vrsticnih elementov v CSS

Središčenje več vrsticnih elementov

Poravnava vrstnih elementov na desno v CSS

Poravnava inline-blok elementov v CSS

Sredinjenje vrstično-blokovskih elementov v CSS

Poravnava inline-block elementov na desno v CSS

Flex elementi v CSS

Višina starša fleksibilnih elementov v CSS

Širina starša fleks elementov v CSS

Vrstnično-blokovski starš flex elementov v CSS

Zamiki padding starševskih elementov fleksibilnega razporejanja v CSS

Zamiki margin za potomce v CSS

Poravnava flex elementov v CSS

Sredinjenje fleks elementov v CSS

Poravnava flex elementov glede na starševski element v CSS

Poravnava fleks elementov glede na starša z zamiki

Poravnava flex elementov glede na starša z enakimi odmiki

Pozicioniranje

Absolutno pozicioniranje elementov v CSS

Relativno pozicioniranje elementov v CSS

Pozicioniranje glede na starša v CSS

Pozicioniranje glede na absolutnega starša v CSS

Absolutno pozicioniranje brez koordinat v CSS

Centriranje z absolutnim pozicioniranjem v CSS

Negativne vrednosti pri pozicioniranju v CSS

Fiksno pozicioniranje v CSS

Blok po celotni širini zaslona v CSS

Slojanje elementov po Z-osi v CSS

Uravnavanje prekrivanja elementov po Z-osi v CSS

Podrobnosti uporabe negativne vrednosti z-index v CSS

Plavanje

Uvod v lastnost float v CSS

Prodiranje plavajočih elementov skozi oznake v CSS

Kombinacija float in margin v CSS

Kombinacija float in padding v CSS

Plavajoči elementi pod oznakami v CSS

Učinek floatov na starša v CSS

Višina starša float elementov v CSS

Besedilo v staršu plavajočih elementov v CSS

Obtekanje v CSS

Preklic obtekanja z lastnostjo clear v CSS

Ločen div s clearfix v CSS

Clearfix in višina starša v CSS

Lastnost float za bloke v CSS

Lastnost float in več blokov v CSS

Lastnost float in starš brez besedila v CSS

Flexbox

Postavitev fleks elementov v vrstico ali stolpec v CSS

Postavitev fleks elementov v obrnjeni vrstici v CSS

Postavitev fleksibilnih elementov v stolpec v CSS

Obrat stolpca s flex elementi v CSS

Glavna in prečna os v fleks blokih v CSS

Poravnava fleks elementov vzdolž glavne osi v CSS

Poravnava fleks blokov vzdolž prečne osi v CSS

Pomen vrednosti center za lastnost align-items v CSS

Središčenje brez višine blokov v CSS

Središčenje z različnimi višinami blokov v CSS

Pomen vrednosti stretch pri lastnosti align-items v CSS

Praksa poravnave po oseh v CSS

Poravnava posameznega elementa v flex modelu v CSS

Vrstni red flex blokov v CSS

Mreže

Uvod v CSS mreže

Sledi in črte v CSS mrežah

Prikaz mrež v brskalnikovem razvojnem orodju

Število in širina stolpcev v CSS mrežah

Enota fr v CSS mrežah

Frakcijske enote fr v CSS mrežah

Pikslji in enote fr v CSS mrežah

Odstotki in enote fr v CSS mrežah

Funkcija repeat v CSS mrežah

Pomen auto v CSS mrežah

Pomen auto-fill v CSS mrežah

Funkcija minmax v CSS mrežah

Pomen auto-fit v CSS mrežah

Število in širina vrstic v CSS mrežah

Okrajšava za vrstice in stolpce v CSS mrežah

Združevanje vrstic v CSS mrežah

Združevanje stolpcev v CSS mrežah

Kombinacije združevanja po vrsticah in stolpcih v CSS mrežah

Prekrivanje stolpcev v CSS mrežah

Razdalja med stolpci v CSS mrežah

Razdalja med vrsticami v CSS mrežah

Razmik med stolpci in vrsticami v CSS mrežah

Ploščice v mrežo (grid) v CSS

Postavitve

Ustvarjanje menija v CSS

Enostavne enostolpne postavitve spletnih strani v CSS

Postavitev z več ovojniki v CSS

Strukturni bloki spletne strani v HTML

Shema dvostolpčne postavitve spletnega mesta v CSS

Shema tri-stolpčne postavitve spletne strani v CSS

Posebne oznake za elemente postavitve spletnega mesta v HTML-ju

Osnovne oznake za postavitev v HTML-ju

Oznaka za sekcije v HTML-ju

Praksa na maketih z HTML in CSS