Омӯзиш дар бораи пешбурди тарҳрезии веб

Тарроҳии вебсайт ҳамеша сарварӣ ва шарҳҳоро аз ҷаҳон дар тарҳрезии графикӣ ва чопӣ гирифтааст. Ин хусусан вақте ки он ба варақи вебсайт ва роҳе, ки мо дар саҳифаҳои вебсайтамон мактуб навиштаем, рост аст. Ин парҳезҳо ҳамеша 1 то 1 тарҷумаанд, аммо шумо метавонед бубинед, ки як тарзи дигар ба он таъсир мерасонад. Ин махсусан равшан аст, вақте шумо муносибати байни истилоҳи навъҳои анъанавии «пешвои» ва моликияти CSS-ро ҳамчун «сатри баланд» мешунавед.

Мақсади Пешвои

Ҳангоме ки одамон ба дасти дастгоҳи металлӣ ё чӯб часпидаанд, барои эҷоди чопгар барои саҳифаи чопшуда, қисмҳои борикии рангҳо байни хатҳои уфуқии матн бо мақсади фароҳам овардани фосилаи байни хатҳои мазкур ҷойгир шудаанд. Агар шумо хоҳед, ки фазои бузургтареро ба шумо бигиред, шумо қисмҳои калонтарини роҳро ҷой додаед. Ин ҳамон калимаест, ки «пешво» ифода шудааст. Агар шумо калимаи "пешво" -ро дар китоби дар бораи тарҳрезии нависанда ва принсипҳо ба назар гиред, он чизеро, ки дар натиҷаи "масофаи байни пойгоҳҳои муваффақи намуд" хонда буд, мехонд.

Пешбурди тарҳрезии веб

Дар тарҳрезии рақамӣ, калимаи пешакӣ ҳанӯз ҳам барои ҷудошавии хатҳои матн истифода мешавад. Бисёр барномаҳои мазкур ин истилоҳи дақиқро истифода мебаранд, ҳарчанд, ки роҳбарияти воқеӣ дар ин барномаҳо истифода намешаванд. Ин намунаи хуби шаклҳои нави тарҳрезии идеяҳо аз ҷониби анъанавӣ мебошад, ҳарчанд татбиқи дақиқи он принсип тағйир ёфт.

Вақте, ки ба тарҳрезии вебӣ меояд, моликияти CSS барои "пешбарӣ" вуҷуд надорад. Баръакс, амволи CSS, ки ин намоиши визуалии матнро идора хоҳад кард. Агар шумо хоҳед, ки матнро байни хатҳои уфуқии матн ҷойгир кунед, шумо ин молро истифода мебаред. Масалан, мегӯянд, ки шумо мехоҳед, ки суръати баландро барои ҳамаи параграфҳо дохил кунед, ки дар дохили унсурҳои асосии саҳифаи худ ҷойгир карда шавад , шумо метавонед чунин корҳоро иҷро кунед:

{усули асосии п = {баландии сатр: 1.5; }}

Ин аллакай 1,5 маротиба дар баландии сатрҳои муқаррарӣ, дар асоси андозаи ҳарфҳои поёни саҳифа (ки одатан 16px аст) хоҳад буд.

Ҳангоми истифодаи хатҳои баландӣ

Тавре, ки дар боло тавсиф шудааст, барои баланд бардоштани сатри матн дар параграфҳо ё дигар блокҳои матн истифода мешавад. Агар фазои хеле каме дар байни хатҳо вуҷуд дошта бошад, матн метавонад ҷобаҷо шавад ва барои тамошобинон ба саҳифаи хондан душвор бошад. Ба ҳамин монанд, агар хатҳои ҷудогона дар саҳифа хеле фарқ карда шаванд, ҷараёни мунтазами хонагӣ қатъ карда мешавад ва хонандагон бо матни шумо бо матни шумо мушкилот доранд. Ин аст, ки чаро шумо мехоҳед, ки миқдори дахлдори гардиши кати баландро барои истифода набаред. Шумо инчунин метавонед бо дизайни шумо бо истифодабарандагони воқеӣ санҷед, то ки онҳо дар бораи саҳифаи хонагӣ маълумот гиранд .

Ҳангоме, ки истифода намебаранд

Натиҷаи сатри баландро бо пудинг ё мароқҳое, ки шумо мехоҳед, ки ба тарҳрезии саҳифаатон илова намоед, аз он ҷумла сарлавҳаҳо ва параграфҳо. Фосилаи мазкур пешакӣ нест ва бинобар ин, аз рӯи сатри баландӣ кор намекунад.

Агар шумо хоҳед, ки дар зери унсурҳои матнии матнӣ ҷой гиред, шумо маржинҳо ё фатирро истифода мебаред. Бозгашт ба мисоли қаблии CSS, ки мо истифода бурдем, метавонем чунин илова кунем:

{усули асосии п = {баландии сатр: 1.5; margin-bottom: 24px; }}

Ин ҳолат то 1,5 хатти линӣ байни хатҳои матн барои параграфи саҳифаҳои мо (онҳое, ки дар дохили element) мавҷуданд. Ҳамин параграфҳо ҳамчунин 24 пикселро дар ҳар яки онҳо ҷойгир мекунанд, ки барои танзими видеоие, ки ба хонандагон имкон медиҳад, ки як параграфро аз дигараш муайян кунанд ва хонданро осонтар кунад. Шумо инчунин метавонед амволи пудратиро дар ҷои дигар ҷойгир кунед:

{усули асосии п = {баландии сатр: 1.5; padding-bottom: 24px; }}

Дар қариб ҳамаи ҳолатҳо, ин ҳам мисли CSS қаблан нишон медиҳад.

Бигӯед, ки шумо мехоҳед номгӯи зерро дар рӯйхат номбар кунед, ки дар дохили рӯйхат бо синфҳои "хидматрасон-меню" номбар карда шудаанд, шумо клиентҳо ё фазоро истифода мебаред, то баландии сатрро истифода набаред. Пас, ин дуруст аст.

.services-menu {{padding-bottom: 30px; }}

Агар шумо хоҳед, ки ҷойгиркунии матн дар дохили рӯйхат-ҷузъҳоятонро муқаррар созед, он гоҳ, ки онҳо дарозии матнро, ки метавонанд ба ҳар як нуқтаи ядро ​​ба якчанд сатр сару кор дошта бошанд, истифода баранд.