К содержанию

HTML we CSS üçin täze başlaýanlar üçin okuw gollanmasy

Düşündirişli teoriýa we meseleler ýygyndysy bilen täze başlaýanlar üçin HTML we CSS dillerinde sahypa dizaýny boýunça ýönekeý okuw gollanmasy.

CSS-yň esaslary

CSS dili bilen işlemegiň esaslary

CSS bilen işlemek

CSS-de reňk üçin açar sözler

CSS-de islendik reňkler

CSS-de elementleriň ini we beýikligi

CSS-de tekstleri deňlemek

Tekstiň saý tarapa deňleşdirilişi CSS-de

CSS-de tekstleri merkeze deňlemek

CSS-de tekstleri çep tarapa deňlemek

Metni CSS-de sag we çep tarapa deňeşdirme

CSS-de teksti deňleşdirmäge synag

CSS-de tekstleriň ýogynlygy

CSS-de kursiw

CSS-de ýazgy ölçegi

CSS-dä ýazgy tipi

CSS-de setirara aralyk

CSS-de ölçeg birliksiz line-height bahasy

CSS-de font gysgaçylyk häsiýeti

CSS-de metniň gyzyl setiri

CSS-däki tekst effektleri

CSS-de tekstiň aşaky çyzygy

Tekstiň ýokarky çyzygy CSS-de

CSS-de tekst üstünden çyzylýan çyzyk

CSS-de tekst täsirlerini ýatyrmak

Esasy CSS häsiýetler boýunça praktika

Saýlawçylar

HTML teglaryň garyndaşlyk baglanyşyklary

CSS aýratynlyklarynyň miras alnysy

CSS-de selektorlaryň topary

CSS-de selektorlary gruplaşdyrmakdaky umumy häsiýetler

CSS-de wekilleriň saýlawçysy

CSS-däki çaga saýlawçy

CSS-de element klasslary

HTML-de tekst bölekleri üçin span tegi

HTML-de bellikleri gruplamak üçin div belligi

CSS-de klaslaryň topary

CSS-de berlen klasly teg

CSS-de miras alyjylary we klaslar

CSS-de nesil saýlaýjylary we klasslaryň çylşyrym birleşdirmeleri

Çagalaryň selegtorda ýalňyşlygy

Birnäçe CSS synpy bilen element

CSS-de aýratyn id-ä görä element saýlamak

ID selektory we CSS klasslary

CSS-de id ulanylyşy

CSS-de elementleri birnäçe klas boyunça saýlamak

CSS-de birnäçe selektory birikdirmek

Birnäçe CSS saýlawçyny ulanmakdaky ýalňyşlyk

CSS-de çylşyrymly selektorlaryň topary

Kynar CSS selektorlarynyň toparynda ýalňyşlyk

CSS selektorlarynyň birleşmelerinde amalyýet

CSS Saýlawçylarynyň prioriteti

CSS aýratynlyklarynyň çaknyşygyna düşündiriş

CSS-dä spesifikasiýa düzgünleri

CSS-de nesil saýlaýjylarynyň üstünlik tertibi

CSS-de goňşy selektory

CSS-dä dogan selektory

CSS-däki Ýagdaýy saýlaýjy

CSS-dä atribut saýlaýjylary

CSS-da baglanyşyklaryň ýagdaýlary

CSS-daky çykgytlaryň ýagdaýynyň yzygiderliliginiň nýanslary

CSS-dä link we visited baglanyşýk ýagdaýlary

CSS-de baglanyşyklaryň ýagdaýynyň adaty ulanylyşy

CSS-de baglanyşyk ýagdaýlary bilen çylşyrymly selektorlar

CSS-de klasly çykgyt

CSS-de soňky elementleri saýlamak

CSS elementleriň pozisiýa boýunça saýlanmagy

CSS-de ýekeje nesli saýlamak

CSS boş elementleri saýlama

CSS-de elementleriň ýagdaýy we görnüşi boýunça saýlamak

CSS-de inkär selektory

Bezeme

CSS-de fon reňkini kesgitlemek

CSS-de çägeler bilen işlemegiň esaslary

CSS-de ýekje tagta

CSS-de nokatly serhet

CSS-de süýşiň çyzgy görnüşi

CSS-de çykryk çäk

CSS-de goşa çäk

CSS-de çylgy üçin gysgaltma häsiýeti

CSS-de aýry-ýanlary üçin çäk

CSS-de blok gabawyny ýuwarlamak

CSS-de fon serhedlerini ýumyldatmak

CSS-de töwerek döretmek

CSS-da dürli burçlar üçin dürli düýbürtmeler

CSS-de dört burç üçin dört töwerekleme bahasy

CSS-de dürli burçlar üçin iki aýlanma bahasy

CSS-de üç burç üçin üç aýlaw bahasy

CSS-de göwrülen burçlar göterimleri

CSS-de göwreleýişi göterimde töwerek döretmek

CSS-de fon suraty

CSS-de fon suratynyň gaýtalanmagy

CSS-de başga fon häsiýetleri

CSS-de ul sanawlarynyň markerleri bilen işlemek

CSS-de ul sanawlar üçin inedördül belgiler

Sanaw belliklerini CSS-de aýlawlar görnüşinde ýerleşdirmek

Ul sanawlarynyň markerlerini bilen CSS işlemek

Sanawyň CSS-de ul markerleriniň ýok bolmagy

Sanawyň ol sanaw markerlerini CSS bilen işlemek

CSS-de sanawlar ol üçin setirli rim sanlary

CSS-de ol sanawlar üçin baş harp rim sanlary

CSS-de ol sanawlar üçin setir latin harplary

Sanlary üçin ulym Latin harplary ol CSS

CSS-de ol sanawlar üçin setir grek harplary

CSS-de ol sanawlar üçin öňünden nolly sanlar

Blok modeli

CSS-de margin indentaýalary bilen işleşmek

CSS-de dürli tarapa margin indentleri

CSS-däki margin häsiýetinde birnäçe baha

CSS-degi margin häsiýetindäki dört baha

CSS-de margin häsiýetindäki iki baha

CSS-degi margin häsiýetindäki üç baha

CSS-de padding indentation bilen işlemek

CSS-de dürli tarap üçin içindeki aralyk padding

CSS-de padding häsiýetinde birnäçe baha

CSS-de padding goşantylary bilen işlemek

CSS-de elementleriň giňelişine çäginiň täsiri

CSS-de padding we çägynyň elementleriň giňelmegine täsiri

CSS-dä elementleriň giňelmegini ýatyrmak

CSS-de blok elementleriň aýratynlyklary

CSS-de blok elementiniň ini we beýikligi

CSS-de blok elementiniň ini

CSS-de blok elementiniň beýikligi

Mündesiz blok elementiniň CSS-deki beýikligi

CSS-de birnäçe blok elementleriň goňşulygy

CSS-dä setir elementleriniň aýratynlyklary

CSS-de setir elementiniň ini we beýikligi

CSS-de birnäçe satyr elementleriň gapdalynda

CSS-dä setir elementleri arasyndaky boşluklar

HTML tegleriniň blok modelini kesgitlemek

CSS-de display häsiýeti bilen işleşmek

CSS-de setir-blok elementleriniň aýratynlyklary

CSS-de setir-blok elementiniň ini we beýikligi

CSS-dä setir-blok elementiniň ini

CSS-de setir-blok elementiniň beýikligi

CSS-de birnäçe setir-blok elementleriniň gapdalynda ýerleşdirilişi

CSS-de blok elementleriň deňleşdirilişi

CSS-de blok elementleri çep tarapdan boşluk bilen deňleşdirmek

CSS-de blok elementleriň sagdan indent bilen deňleşdirilişi

CSS-de setir elementlerini deňlemek

CSS-de setir elementlerini merkezlemek

Birnäçe setirli elementleri merkezlemek

CSS-de setir elementleriň sag tarapa deňleşdirilmegi

CSS-de setir-blok elementlerini deňleşdirmek

CSS-de setir-blok elementlerini merkezlemek

CSS-de setir-blok elementleriň sag tarapynda deňleşdirmek

CSS-dä Fleks elementler

CSS-de fleks elementleriň ata-beýesiniň beýikligi

CSS-de esasy elementleriň giňişligi

CSS-de fleks elementleriň setir-blok ata-enesi

CSS-de esasy fleks elementleriň padding indentationleri

CSS-däki mirasdüşürler üçin margin gözegçilikleri

CSS-de fleks elementleriň deňleşdirilişi

CSS-de fleks elementleri merkeze düzmek

CSS-de esasy elementleri deňleşdirme

Fleks elementlerini ebeveýn bilen aralyklaryňyz bilen deňlemek

Esasy elementleri esasy elementde deň aralyklar bilen düzmek

Pozisionirläme

CSS-de elementleriň absolýut pozisionirlenmesi

CSS-de elementleriň nisbi pozisionirlenmesi

CSS-de ata-enelerine göre pozisionirläň

CSS-de Absolut Ata-Enä Göre Posisionirlama

CSS-de koordinatasiz absolýut pozisionirleme

CSS-de absolut orunlama arkaly merkezleme

CSS-de ýerleşdirmäde ters bahalar

CSS-de Bellenen pozisiýa

CSS-de ekranyň tutuş inişligini tutýan blog

CSS-de Z okuly boýunça elementleriň üst-üstüne düşüşi

CSS-de elementleriň Z oky boýunça üst-üste düşüşini düzgünleşdirmek

CSS-de z-index-iň tertipli bahasyny ulanyş negizleri

Floatlaryş

CSS-de float ülňüsine giriş

CSS-dä teglereň üsti bilen üzmek elementleriniň geçişi

CSS-de float we margin birikmesi

CSS-de float we padding birikmesi

CSS-de teglaryň aşagynda ýüzüjü elementler

CSS-de ýüzen elementleriň ata elemente täsiri

CSS-de floutlaryň atasynyň beýikligi

CSS-de ýüzen elementleriň ebeveýnindäki tekst

CSS-de daýanma

CSS-däki clear aýratynlygy bilen aýlanyşy ýatyrmak

CSS-de aýry div we onuň klirfiksi

CSS-de klirfiks we eýeniň beýikligi

CSS-de bloklar üçin float aýratynlygy

CSS-de float häsiýeti we birnäçe blog

CSS-de float häsiýeti we tekstsiz ata-ene

Fleksler

CSS-de fleks elementlerini hat ýaýynda ýa-da sütün şeklinde ýerleşdirmek

CSS-de fleks elementleri ters hatarda ýerleşdirmek

CSS-de fleks elementleri setirine ýerleşdirmek

CSS-de fleks elementleri bilen sütünlaryň ters çevrilmesi

CSS-degi esasy we garpy oklary fleks bloklarynda

CSS-de esasy oky üçin fleks elementlerini düzmek

CSS-de fleks bloglaryny göni bolmadyk ok boýunça düzmek

CSS-de align-items aýratynyň center bahasy

CSS-de ýokarylygy ýok bloklary merkezlemek

CSS-de deňişik beýiklikli bloklary merkezleme

CSS-däki align-items häsiýetiniň stretch bahasynyň manysy

CSS-de oklary deňeşdirmek boýunça amaly iş

CSS-de ýeke-täk elementleri deňleşdirmek

CSS-de flex bloglaryň tertibi

Gridler

CSS Grid-e giriş

CSS gridlerde treklere we çyzyklar

Brauzer sazlawçysynda grid-leriň görkezilmegi

CSS gridlerinde sütunlaryň sany we ini

CSS gridlerinde fr birligi

CSS gridlerde kesir birlikler fr

CSS gridlerinde piksel we fr birlikleri

CSS gridlerinde göterişler we fr birlikleri

CSS gridlerde repeat funksiýasy

CSS grid-lerde “auto” bahasy

CSS gridlerinde auto-fill bahasynyň manyşy

CSS gridlerde minmax funksiýasy

CSS Grid'lerde auto-fit bahasynyň manygy

CSS grid-lerde hatarlaryň sany we ini

CSS gridlerinde hatarlar we sütünler üçin gysgaça ýazgysy

CSS grid-lerde setirleri birleşdirmek

CSS gridlerinde sütünlary birleşdirmek

CSS gridlerde hatarlar we sütünler boyunça birleşmeleriň kombinasiýalary

CSS gridlerinde sütünlaryň üst-üst düşmegi

CSS gridlerinde sütünlar arasyndaky aralyk

CSS gridlerindäki hatarlar arasyndaky aralyk

CSS gridlerinde sütün we hatarlaryň aralygy

CSS-de Grid bilen Tile döretmek

Düzümler

CSS-de menýu döretmek

CSS-de ýönekeý bir sütünli web sahypa maketleri

CSS-de birnäçe wrapperli düzülme şemasy

HTML-däki saýtyň gurluş bloklary

CSS-de iki sütünli maket shemasy

CSS-de web sahypasynyň üç sütünli düzüminiň shemasy

HTML-daky sahypa gurluş elementleri üçin ýörite teglar

HTML-daky esasy düzüm teglary

HTML-daky bölümler üçin teg

HTML we CSS maketler boýunça amaliýe