HTML-i ja CSS-i õpik algajatele

HTML-i põhitõed

Sissejuhatus HTML keel HTML sildid Atribuudid Stiilid Lehe põhistruktuur Põhisildid Lõigud Pealkirjad Teksti rasvaseks muutmine Teksti kaldkirjas muutmine Järjestamata loendid Järjestatud loendid Lingid Sisemised lingid Pildid Pildi laius Pildi kõrgus Pildi laiuse ja kõrguse seadistamine Tabelid Tabeli laius ja kõrgus Päise lahtrid Praktikum

CSS-i põhitõed

Sissejuhatus CSS-i Kuidas töötada CSS-iga Värvi väärtused Kõik värvid Laius ja kõrgus Teksti joondus Teksti joondamine paremale Teksti joondamine keskele Teksti joondamine vasakule Teksti joondamine samaaegselt paremale ja vasakule Harjutus teksti joondamiseks Rasvus Kursiiv Fondi suurus Fondi perekond Reavahe Line-height väärtus ilma ühikuteta Lühendatud font omadus Teksti punane rida Teksti efektid Teksti allajoonimine Teksti ülaljoonimine Teksti läbikriipsutamine Teksti efektide tühistamine Praktikum

Valijad

Sildiste sugulussidemed Omaduste pärimine Valijate grupeerimine Ühised omadused Järglase valija Lapse valija Klassi valija Sildist span Sildist div Klasside grupeerimine Sildis etteantud klassiga Järglase valija ja klassid Keerulised järglase valija ja klasside kombinatsioonid Algaja viga järglase valijas Element mitme klassiga Valija id järgi Valija id järgi ja klassid Id kasutamine Valija mitme klassi järgi Mitu valijat kokku Viga mitme valija puhul Keeruliste valijate grupeerimine Viga grupeerimisel Treening valijate kombinatsioonidele Valijate prioriteet Märkus omaduste konflikti kohta Spetsiifilisuse reeglid Järglaste valijate prioriteet Naabervaliija Suguluse valija Universaalne valija Atribuutide valijad Lingi olekud Lingi olekute järjestuse nüansid Link ja visited olekud Lingi olekute tavakasutus Keerulised valijad linkidega Link klassiga Lõppelementide valik Valik positsiooni järgi Ainult lapse valik Tühjade elementide valik Valik positsiooni ja elementide tüübi järgi Eitus not

Kujundus

Taustavärv Piirjoonte põhitöö Pidev piirjoon Punktiirjoon Kriipsjoon Kumer piirjoon Topeltpiirjoon Piirjoone lühendatud omadus Piirjooned erinevatele külgedele Ploki piirjoone ümardamine Tausta piirjoone ümardamine Ringi loomine Ümardamine erinevatele nurkadele Neli väärtust Kaks väärtust Kolm väärtust Ümardamine protsentides Ringi loomine protsentides ümardamisel Pilt taustaks Taustapildi kordamine Muud tausta omadused Loendite ul markerid Loendite ul ruudukujulised markerid Loendite ul ringikujulised markerid Loendite ul täidetud ringikujulised markerid Loendite ul markerite puudumine Loendite ol markerid Väiksed rooma numbrid loenditele ol Suured rooma numbrid loenditele ol Väikesed ladina tähed loenditele ol Suured ladina tähed loenditele ol Väikesed kreeka tähed loenditele ol Nulliga algavad numbrid loenditele ol

Plokkmudel

Väline väljapanek margin Väljapanekud margin erinevatele külgedele Mitu väärtust margin-is Neli väärtust margin-is Kaks väärtust margin-is Kolm väärtust margin-is Sisemine väljapanek padding Väljapanekud padding erinevatele külgedele Mitu väärtust padding-us Elementide laiendamine Piiri mõju elementide laiendamisele Padding-u ja piiri ühine mõju elementide laiendamisele Elementide laiendamise tühistamine Plokielemendid Plokielemendi laius ja kõrgus Plokielemendi laius Plokielemendi kõrgus Kõrgus ilma sisuta Mitu plokielementi kõrvuti Reasisene elemendid Reasisese elemendi laius ja kõrgus Mitu reasisest elementi kõrvuti Vahed reasiseste elementide vahel Plokkmudeli määratlus Display omadus Reasisene-plokielemendid Reasisese-plokielemendi laius ja kõrgus Reasisese-plokielemendi laius Reasisese-plokielemendi kõrgus Mitu reasisest-plokielementi kõrvuti Plokielementide joondamine Plokielemendi joondamine vasakpoolse väljapanekuga Plokielemendi joondamine parempoolse väljapanekuga Reasiseste elementide joondamine Reasiseste elementide tsentreerimine Mitme reasisese elemendi tsentreerimine Reasiseste elementide joondamine paremasse serva Reasiseste-plokielementide joondamine Reasiseste-plokielementide tsentreerimine Reasiseste-plokielementide joondamine paremasse serva Flex elemendid Flex elementide vanema kõrgus Flex elementide vanema laius Reasisene-plokiline vanem Vanema padding väljapanekud Margin väljapanekud järeltulijatele Flex elementide joondamine Flex elementide joondamine keskele Flex elementide joondamine vanema suhtes Flex elementide joondamine vanema suhtes väljapanekutega Flex elementide joondamine vanema suhtes võrdsete väljapanekutega

Positsioneerimine

Absoluutne Suhteline Absoluutne vanema suhtes Absoluutne absoluudi suhtes Absoluutne ilma koordinaatideta Tsentreerimine absolute'iga Absoluutse positsioneerimise negatiivsed väärtused Fikseeritud positsioneerimine Plokk kogu ekraani laiuses Elementide pealekandmine Z-teljel Elementide pealekandmise reguleerimine Z-teljel Negatiivse z-indexi väärtuse kasutamise nüansid

Flotid

Sissejuhatus float omadusse Float omadus ja sildid Float ja margin kombinatsioon Float ja padding kombinatsioon Ujuvad elemendid siltide all Flotide mõju vanemelemendile Flotide vanema kõrgus Tekst flotide vanemas Ümbervool Ümbervoolu tühistamine Eraldi div clearfixiga Vanema kõrgus ja clearfix Float omadus plokkidele Float omadus ja mitu plokki Float omadus ja vanem ilma tekstita

Paindlikud konteinerid

Paigutus ritta või veergu Paindlike elementide paigutus pöördatud ritta Paindlike elementide paigutus veergu Paindlike elementide veeru ümberpööramine Pea- ja risttelg Joondamine põhitelje suhtes Joondamine risttelje suhtes Align-items omaduse väärtus center Keskmine joondamine ilma kõrgusteta Keskmine joondamine erinevate kõrgustega plokkidega Align-items omaduse väärtus stretch Joondamise harjutus telgede suhtes Üksiku elemendi joondamine Paindlike plokkide järjekord

Võred

Sissejuhatus võretesse Rajad ja jooned Kuvamine siluris Veerud Ühik fr Murdarvulised fr Pikslid ja fr Protsendid ja fr Funktsioon repeat Väärtus auto Väärtus auto-fill Funktsioon minmax Väärtus auto-fit Read Lühend read ja veerud Ridade ühendamine Veergude ühendamine Ühendamise kombinatsioonid Veergude kattumine Vahe veergude vahel Vahe ridade vahel Vahe veergude ja ridade vahel Plaat

Kujundused

Menüü loomine Lihtsad ühe veeruga saidi kujundused Mitme wrapperiga kujundusskeem Saidi struktuuriblokid Kahe veeruga kujundusskeem Kolmest veerust koosneva saidi kujundusskeem Saidi kujunduselementide spetsiaalsed sildid Peamised kujundussildid Silt sektsioonide jaoks Kujunduste praktikum
↑
Eesti▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Me kasutame saidi toimimiseks, analüüsi ja personaliseerimiseks küpsiseid. Andmete töötlemine toimub vastavalt Privaatsuspoliitikale.
nõustu kõigega häälesta keeldu