HTML un CSS mācību grāmata iesācējiem

HTML pamati

Ievads HTML valoda HTML tagi Atribūti Stili Lapas pamatstruktūra Pamatatzīmes Rindkopas Virsraksti Teksta izcelšana treknrakstā Teksta izcelšana slīprakstā Nesakārtoti saraksti Sakārtoti saraksti Saites Iekšējās saites Attēli Attēla platums Attēla augstums Attēla platuma un augstuma iestatīšana Tabulas Tabulas platums un augstums Virsrakstu šūnas Praktikums

CSS Pamati

Ievads CSS Kā strādāt ar CSS Krāsu vērtības Jebkuras krāsas Platums un augstums Teksta līdzināšana Teksta līdzināšana pa labi Teksta līdzināšana centrā Teksta līdzināšana pa kreisi Teksta līdzināšana vienlaicīgi pa labi un pa kreisi Prakse teksta līdzināšanā Treknums Kursīvs Fonta izmērs Fonta saime Intervāls starp rindām Line-height vērtība bez mērvienībām Saīsinātais font apraksts Teksta sarkana rinda Teksta efekti Teksta apakšējā pasvītrojums Teksta augšējā pasvītrojums Teksta pārsvītrojums Efektu atcelšana tekstam Praktikums

Selektori

Elementu radniecīgās saites Īpašību mantojums Selektoru grupēšana Kopīgās īpašības Pēcteču selektori Bērna selektors Klases selektors Span elements Div elements Klašu grupēšana Elements ar noteiktu klasi Pēcteču selektors un klases Sarežģītas pēcteču selektora un klašu kombinācijas Iesācēja kļūda pēcteču selektorā Elements ar vairākām klasēm Selektors pēc id Selektors pēc id un klases Id izmantošana Selektors pēc vairākām klasēm Vairāki selektori kopā Kļūda: vairāki selektori Sarežģītu selektoru grupēšana Kļūda grupēšanas laikā Apmācība selektoru kombinācijās Selektoru prioritāte Piezīme par īpašību konfliktu Specifiskuma noteikumi Pēcteču selektoru prioritāte Blakus esošais selektors Radniecīgais selektors Universālais selektors Atribūtu selektori Saites stāvokļi Saites stāvokļu secības nianses Link un visited stāvokļi Parasta saites stāvokļu izmantošana Sarežģīti selektori ar saitēm Saite ar klasi Gala elementu atlase Atlase pēc pozīcijas Vienīgā pēcteca atlase Tukšo elementu atlase Atlase pēc pozīcijas un elementu tipa Noliegums not

Dekorēšana

Fona krāsa Robu darbības pamati Nepārtraukta robeža Punktota robeža Svītrotā robeža Izliekta robeža Dubultā robeža Robežas saīsinājuma īpašība Robežas dažādām malām Bloka stūru noapaļošana Fona stūru noapaļošana Apla izveidošana Noapaļošana dažādiem stūriem Četras vērtības Divas vērtības Trīs vērtības Noapaļošana procentos Apla izveidošana, noapaļojot procentos Attēls fonam Fona attēla atkārtošana Citas fona īpašības Ul sarakstu marķieri Ul sarakstu kvadrātveida marķieri Ul sarakstu marķieri apļu veidā Ul sarakstu marķieri aizpildītu apļu veidā Ul sarakstu marķieru neesamība Ol sarakstu marķieri Mazie romiešu cipari ol sarakstiem Lielie romiešu cipari ol sarakstiem Mazie latīņu burti ol sarakstiem Lielie latīņu burti ol sarakstiem Mazie grieķu burti ol sarakstiem Cipari ar nulli priekšā ol sarakstiem

Bloka modelis

Ārējā atkāpe margin Atkāpes margin dažādām malām Vairākas vērtības margin Četras vērtības margin Divas vērtības margin Trīs vērtības margin Iekšējā atkāpe padding Atkāpes padding dažādām malām Vairākas vērtības padding Elementu paplašināšanās Robežas ietekme uz elementu paplašināšanos Kopīga padding un robežas ietekme uz elementu paplašināšanos Elementu paplašināšanās atcelšana Bloka elementi Bloka elementa platums un augstums Bloka elementa platums Bloka elementa augstums Augstums bez satura Vairāki bloka elementi blakus Inline elementi Inline elementa platums un augstums Vairāki inline elementi blakus Atstarpes starp inline elementiem Bloka modeļa definīcija Display īpašība Inline-bloka elementi Inline-bloka elementa platums un augstums Inline-bloka elementa platums Inline-bloka elementa augstums Vairāki inline-bloka elementi blakus Bloka elementu līdzināšana Bloka elementa līdzināšana ar atkāpi no kreisās puses Bloka elementa līdzināšana ar atkāpi no labās puses Inline elementu līdzināšana Inline elementu centrēšana Vairāku inline elementu centrēšana Inline elementu līdzināšana pa labo malu Inline-bloka elementu līdzināšana Inline-bloka elementu centrēšana Inline-bloka elementu līdzināšana pa labo malu Flex elementi Flex elementu vecāka augstums Flex elementu vecāka platums Inline-bloka vecāks Vecāka atkāpes padding Atkāpes margin pēctečiem Flex elementu līdzināšana Flex elementu līdzināšana pa centru Flex elementu līdzināšana pa vecāku Flex elementu līdzināšana pa vecāku ar atkāpēm Flex elementu līdzināšana pa vecāku ar vienādām atkāpēm

Pozicionēšana

Absolūtā Relatīvā Absolūtā attiecībā pret vecāku Absolūtā attiecībā pret absolūto Absolūtā bez koordinātām Centrēšana caur absolute Absolūtās negatīvās vērtības Fiksētā pozicionēšana Bloks visā ekrāna platumā Elementu uzlikšana pa Z asi Elementu uzlikšanas regulēšana pa Z asi Negatīvas z-index vērtības lietošanas nianses

Floati

Ievads float īpašībā Float īpašība un birkas Float un margin kombinācija Float un padding kombinācija Peldošie elementi zem birkām Floatu ietekme uz vecāku Floatu vecāka augstums Teksts floatu vecākā Apflušana Apflušanas atcelšana Atsevišķs div ar clearfix Vecāka augstums un clearfix Float īpašība blokiem Float īpašība un vairāki bloki Float īpašība un vecāks bez teksta

Flexi

Izkārtojums rindā vai kolonnā Flex elementu izkārtojums apgrieztā rindā Flex elementu izkārtojums kolonnā Kolonnas ar flex elementiem apgriešana Galenā un šķērsass Izlīdzināšana pa galveno asi Izlīdzināšana pa šķērsasi Īpašības align-items vērtība center Centrēšana bez bloku augstuma Centrēšana ar dažādu bloku augstumu Īpašības align-items vērtība stretch Prakse par izlīdzināšanu pa asīm Atsevišķa elementa izlīdzināšana Flex bloku kārtība

Gridi

Ievads gridos Celši un līnijas Attēlošana atkļūdotājā Ailes Fr mērvienība Daļskaitļi fr Pikseļi un fr Procenti un fr Funkcija repeat Vērtība auto Vērtība auto-fill Funkcija minmax Vērtība auto-fit Rindas Saīsinājums rindām un ailēm Rindu apvienošana Ailju apvienošana Apvienošanas kombinācijas Ailju pārklāšanās Atstarpe starp ailēm Atstarpe starp rindām Atstarpe starp ailēm un rindām Flīzes

Izkārtojumi

Izveidot izvēlni Vienkārši vienkolonnas vietņu izkārtojumi Izkārtojumu shēma ar vairākiem ietverjiem Vietnes strukturālie bloki Divkolonnu izkārtojuma shēma Trīskolonnu vietnes izkārtojuma shēma Speciālas atzīmes vietnes izkārtojuma elementiem Galvenās izkārtojuma atzīmes Atzīme sekcijām Prakse par izkārtojumiem
Latviešu
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Mēs izmantojam sīkdatnes, lai nodrošinātu vietnes darbību, analīti un personalizāciju. Datu apstrāde notiek saskaņā ar Konfidencialitātes politiku.
pieņemt visus iestatīt noraidīt