Чӣ тавр ба Параграфҳои оянда бо CSS

Истифодаи амволи матнӣ ва интихобкунандагони ҳамсари хоҳарон

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

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

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

Калима барои ин амволи оддӣ аст. Дар ин ҷо шумо чӣ гуна матнро ба ҳамаи параграфҳо дар ҳуҷҷат илова менамоед.

p {text-indent: 2em; }}

Менеҷмент Индентҳо

Яке аз роҳҳое, ки шумо метавонед бевосита бевосита параграфро муайян кунед, шумо метавонед ба синфҳои дар блогҳое, ки мехоҳед дубора илова кунед, илова кунед, ки шумо бояд ҳар як параграфро илова кунед, то синфро илова кунед. Ин нобарор аст ва намунаи беҳтарин дар HTML риоя намешавад.

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

p + p {text-indent: 2em; }}

Азбаски шумо хатогии якумро ишғол мекунед, шумо низ бояд боварӣ ҳосил кунед, ки параграфҳои шумо байни онҳо фарқияти иловагӣ надоранд (ки браузер намебошад). Истилоҳот шумо бояд дар байни параграфҳо ё дар сатри якум қарор дошта бошед, на ҳар ду нест.

p {margin-bottom: 0; padding-bottom: 0; } p + p {margin-top: 0; padding-top: 0; }}

Индексҳои манфӣ

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

Масалан, шумо метавонед параграфе дошта бошед, ки насли блокро дошта бошед ва шумо мехоҳед, ки манфӣ бошад. Шумо метавонед ин CSS нависед:

b blockquote p {text-indent: -.5em; }}

Ин оғози параграфро пешниҳод мекунад, ки он аллакай дорои аломати фарқкунандаи кушода аст, ки ба каме фаромӯш накунед, ки ба истиноди даҳӣ овезон карда шавад.

Дар бораи маркетингҳо ва банақшагирӣ

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