К содержанию

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

Vienkārša HTML un CSS izstrādes mācību grāmata iesācējiem ar detalizētu teoriju un uzdevumu krājumu.

Selektori

HTML tagu radniecīgās saites

CSS īpašību mantošana

Selektoru grupēšana CSS

Vispārīgās īpašības, grupējot selektorus CSS

Pēcteču selektori CSS

Pakārtotais selektors CSS

Elementu klases CSS

Span tags teksta gabaliņiem HTML

HTML div tags grupēšanai

CSS klašu grupēšana

CSS: elements ar noteikto klasi

Pēcteču selektori un klases CSS

Sarežģītas pēcteču selektoru un klases kombinācijas CSS

Iesācēju kļūda pēcteču selektorā

Elements ar vairākām CSS klasēm

Elementa atlase pēc unikāla id CSS

Selektors pēc id un CSS klases

ID izmantošana CSS

Elementa atlase pēc vairākām CSS klasēm

Vairāki selektori kopā CSS

Kļūda, lietojot vairākus CSS selektorus

Sarežģītu selektoru grupēšana CSS

Kļūda, grupējot sarežģītus CSS selektorus

Prakses uzdevumi par CSS selektoru kombinācijām

CSS selektoru prioritāte

Piezīme par CSS īpašību konfliktu

Specifitātes noteikumi CSS

Pēcteču selektoru prioritāte CSS

Blakus esošais selektors CSS

Brāļu selektors CSS

Universālais selektors CSS

CSS atribūtu selektori

CSS saišu stāvokļi

CSS saišu stāvokļu secības nianses

Saites stāvokļi link un visited CSS

Parasto saites stāvokļu izmantošana CSS

Sarežģīti selektori ar saišu stāvokļiem CSS

Saite ar klasi CSS

Galējo elementu atlase CSS

Elementu atlase pēc pozīcijas CSS

Vienīgā pēcteča atlase CSS

Tukšo elementu atlase CSS

Elementu atlase pēc pozīcijas un tipa CSS

CSS noliegšanas selektors

Dekorēšana

Fona krāsas iestatīšana CSS

CSS apmales pamati

Nepārtraukta apmale CSS

Punktuālā robeža CSS

Robežas līnija kā domuzīme CSS

Izliekta robeža CSS

Dubultā robeža CSS

CSS apakšējā īpašība apmalei

Atsevišķu malu apmales CSS

Bloka robežu noapaļošana CSS

Fona apmales noapaļošana CSS

Apļa veidošana CSS

Dažādi noapaļojumi dažādiem stūriem CSS

Četras noapaļošanas vērtības dažādiem CSS stūriem

Divas nozīmes noapaļošanai dažādiem stūriem CSS

Trīs noapaļošanas vērtības dažādiem stūriem CSS

Noapaļoti stūri procentos CSS

Apļa izveidošana ar procentuālu noapaļošanu CSS

Fona attēls CSS

Fona attēla atkārtošanās CSS

Citas fona īpašības CSS

Sarakstu ul marķieru apstrāde CSS

Kvadrātveida sarakstu marķieri ul CSS

Sarakstu ul marķieri apļu veidā CSS

Sarakstu ul marķieru apstrāde CSS

Saraksta marķieru noņemšana ul CSS

Sarakstu ol marķieru apstrāde CSS

Rindas romiešu cipari sarakstiem ol CSS

Lielie romiešu cipari sarakstiem ol CSS

Mazie latīņu burti sarakstiem ol CSS

Lielie latīņu burti ol sarakstiem CSS

Rindas grieķu burti sarakstiem ol CSS

Skaitļi ar nulli priekšā sarakstiem ol CSS

Bloka modelis

Darbība ar atkāpēm margin CSS

Atkāpes margin dažādām pusēm CSS

Vairākas vērtības margin īpašībā CSS

Četras vērtības margin īpašībā CSS

Divas vērtības margin īpašībā CSS

Trīs vērtības margin īpašībā CSS

Atkāpju padding darbošanās CSS

Atkāpes padding dažādām pusēm CSS

Vairākas vērtības CSS padding īpašībā

Atkāpju padding darbs CSS

Robas ietekme uz elementu izplešanos CSS

Padding un robežu ietekme uz elementu izplešanos CSS

Elementu paplašināšanas atcelšana CSS

Bloķelementu īpatnības CSS

Bloka elementa platums un augstums CSS

Bloka elementa platums CSS

Bloka elementa augstums CSS

Bloka elementa augstums bez satura CSS

Vairāki bloka elementi blakus CSS

Inline elementu īpatnības CSS

CSS inline elementa platums un augstums

Vairāki blakus esoši inline elementi CSS

Atstarpes starp inline elementiem CSS

HTML elementu bloka modeļa noteikšana

Display īpašības darbs CSS

Inline-bloka elementu īpatnības CSS

Inline-bloka elementa platums un augstums CSS

Inline-bloka elementa platums CSS

Rindiņas-bloka elementa augstums CSS

Vairāki bloka-līnijas elementi blakus CSS

Bloka elementu izlīdzināšana CSS

Bloka elementa izlīdzināšana ar atkāpi no kreisās puses CSS

Bloka elementa izlīdzināšana ar atkāpi no labās puses CSS

Inline elementu izlīdzināšana CSS

Inline elementu centrēšana CSS

Vairāku inline elementu centrēšana

Iebūvēto elementu līdzināšana pa labo malu CSS

Ieblīvēto bloku elementu izlīdzināšana CSS

Inline-bloka elementu centrēšana CSS

Inline-bloka elementu izlīdzināšana pa labo malu CSS

Flex elementi CSS

Flex elementu vecāka elementa augstums CSS

Vecāka elementa platums fleksa elementos CSS

Inline-bloka vecāks flex elementiem CSS

Atkāpes padding vecāku fleksa elementiem CSS

Atkāpes margin pēctečiem CSS

Flex elementu izlīdzināšana CSS

Flex elementu centrēšana CSS

Fleksa elementu izlīdzināšana pret vecāku elementu CSS

Fleksa elementu izlīdzināšana vecākelementā ar atstarpēm

Fleksa elementu izlīdzināšana pie vecāka ar vienādām atstarpēm

Pozicionēšana

Elementu absolūtā pozicionēšana CSS

Relatīvā elementu pozicionēšana CSS

Pozicionēšana attiecībā pret vecāku elementu CSS

Pozicionēšana attiecībā pret absolūto vecāku CSS

Absolūtā pozicionēšana bez koordinātām CSS

Centrēšana ar absolūto pozicionēšanu CSS

Negatīvās vērtības pozicionēšanā CSS

Fiksētā pozicionēšana CSS

Bloks visā ekrāna platums CSS

Elementu uzlikšana pa Z asi CSS

Elementu uzlikšanas secības regulēšana pa Z asi CSS

CSS z-index negatīvās vērtības izmantošanas nianses

Floati

Ievads CSS float īpašībā

Peldošo elementu iekļūšana caur tagiem CSS

Float un margin kombinācija CSS

CSS float un padding kombinācija

Peldošie elementi zem tagiem CSS

CSS plūstošo elementu ietekme uz vecāka elementu

Peldošo elementu vecāka elementa augstums CSS

Teksts vecākā elementā ar float elementiem CSS

Plūstošais apvalkāšanās CSS

Apjošanas atcelšana ar CSS īpašību clear

Atsevišķs div ar clearfix CSS

Clearfix un vecāka elementa augstums CSS

CSS bloku float īpašība

CSS float īpašība un vairāki bloki

CSS float īpašība un vecāks elements bez teksta

Flexi

Flex elementu novietošana rindā vai kolonnā CSS

Flex elementu izvietošana apgrieztā rindā CSS

Flex elementu novietošana kolonnā CSS

Kolonnu apgriešana ar flekselementiem CSS

Galvenā un šķērsass fleksa blokos CSS

Flex elementu izlīdzināšana pa galveno asi CSS

CSS Flex elementu izlīdzināšana šķērsasī

CSS īpašības align-items vērtība center

Centrēšana bez bloku augstuma CSS

Centrēšana ar dažāda augstuma blokiem CSS

CSS īpašības align-items stretch vērtība

Prakses uzdevums par izlīdzināšanu pa asīm CSS

Atsevišķa elementa izlīdzināšana flex modelī CSS

Flex bloku secība CSS

Gridi

Ievads CSS Grid

Celiņi un līnijas CSS režģos

Grida attēlošana pārlūkprogrammas atkļūdotājā

Kolonnu skaits un platums CSS režģos

fr vienība CSS režģos

Daļējās fr vienības CSS gridos

Pikseļi un fr vienības CSS režģos

Procenti un fr vienības CSS gridos

Funkcija repeat CSS gridos

Auto vērtība CSS gridos

Auto-fill nozīme CSS režģos

CSS grid minmax funkcija

Auto-fit nozīme CSS režģos

Rindu skaits un platība CSS režģos

CSS režģu rindu un kolonnu saīsinājums

Rindu apvienošana CSS režģos

Kolonnu apvienošana CSS režģos

Rindu un kolonnu apvienošanas kombinācijas CSS gridos

Kolonnu pārklāšanās CSS režģos

Atstarpe starp kolonnām CSS režģos

Atstarpes starp rindām CSS režģos

Atstarpe starp kolonnām un rindām CSS režģos

CSS režģa flīzes

Izkārtojumi

Izvēlnes izveide CSS

Vienkāršas vienkolonnu vietņu maketi CSS

CSS izkārtojuma shēma ar vairākiem ietveršanas blokiem

Vietnes strukturālie bloki HTML

Divkolonnu mājaslapas maketa shēma CSS

Trīs kolonnu izkārtojuma shēma vietnē CSS

Īpašās atzīmes vietnes izkārtojuma elementiem HTML

Galvenie HTML izkārtojuma tagi

Sekciju atlase HTML

Prakses HTML un CSS maketos