⭐ 0
🔍
Текст Слика ПДФ и документи Аудио Музика Електроника Време Комуналне услуге Валидатори Езотерично Игре

Изглед ЦСС мреже Светог грала — спреман код

Дизајнирајте ЦСС распореде мреже визуелно: поставите колоне, редове и празнине, а затим откуцајте имена области у ћелије да бисте направили области шаблона мреже — уз преглед уживо и ЦСС и ХТМЛ који се могу копирати.

Унесите име у било коју ћелију испод; ћелије са истим именом се спајају у једну област грид-темплате-ареас.

Обрада... 0%

Резултат

Ова страница отвара генератор мреже унапред учитан са распоредом светог грала: три колоне и три реда, са заглављем и подножјем који обухватају пуну ширину и редом за навигацију/главни/са стране између. Ред заглавља користи аутоматску висину, средњи ред испуњава преостали простор, а две бочне колоне су фиксиране на 200пк док главна колона заузима остатак.

Изглед светог грала је добио своје име јер га је било заиста тешко поуздано изградити пре ЦСС Грид-а — године флоат хакова, распореда табела и апсолутног позиционирања покушавали су да лажирају овај тачан облик. Са грид-темплате-ареас се сажима на пет именованих региона и неколико величина трака, због чега остаје стандардни први пример за подучавање ЦСС Грид-а.

Сваки број и празнина на овој страници су и даље активни: смањите бочне колоне, додајте четврти ред или одмах преименујте област и преглед и ЦСС ажурирање за копирање. Копирајте ЦСС и ХТМЛ блокове директно у свој пројекат — све се покреће локално у вашем претраживачу, ништа се не отпрема.

🛡️
Извршено у претраживачу

Ваши фајлови и улази никада не напуштају овај уређај. Обрада се одвија потпуно ван мреже. 100% безбедно.

Прихваћени формати и правила

  • Уноси бројева за 1–6 колона и редова, плус одвојене контроле размака у колони и размака у редовима које се комбинују у једну вредност празнине када се подударају.
  • Режим именованих области: откуцајте име области директно у било коју ћелију активне мреже; алатка прави важећи низ области шаблона мреже и упозорава када имена не формирају чисте правоугаонике.
  • ЦСС блок који се може копирати (приказ: грид, грид-темплате-колумнс/ровс, гап, грид-темплате-ареас) плус одговарајући ХТМЛ скелет са једним див-области мреже по именованом региону.

Кључне предности

✓ Укуцајте име директно у било коју ћелију и одговарајућа имена се спајају у један регион-подручје-шаблона мреже — без избора превлачења, без ручног погађања синтаксе стринга са наводницима.
✓ Мрежа за преглед уживо мења величину и боју при свакој промени, тако да видите тачне колоне и редове и сваки именовани регион пре него што копирате један ред ЦСС-а.
✓ Унапред подешене поставке попут класичног распореда Светог грала и уске бочне траке дају вам праву, радну декларацију области-шаблона мреже од које можете почети уместо празне мреже.

Случајеви употребе

  • • Направите класичну шкољку странице Светог грала — заглавље и подножје пуне ширине са средњим редом за навигацију/главни/са стране — тако што ћете укуцати називе области уместо ручно писаних области мреже-шаблона.
  • • Поставите страницу са подешавањима или административну контролну таблу са бочном траком фиксне ширине поред флексибилне колоне садржаја и копирајте тачан ЦСС и ХТМЛ када преглед уживо изгледа исправно.
  • • Проверите да ли скуп именованих области заправо формира важеће правоугаонике пре испоруке — алатка означава тачне називе који би разбили области шаблона мреже у прегледачу.