Бо CSS сарлавҳаҳои фитрӣ кунед

Истифодаи функсияҳо, сарҳадҳо ва тасвирҳо барои тасвир кардани сарлавҳаҳо

Сарлавҳаҳо дар аксари саҳифаҳои веб саҳифа мебошанд. Дар ҳақиқат, ба ҳама гуна ҳуҷҷати матнӣ ҳадди аққал як сарлавҳа вуҷуд дорад, то шумо унвони хонандаи он хонед. Ин сарлавҳаҳо бо истифода аз унсурҳои HTML heading - h1, h2, h3, h4, h5 ва h6 код карда мешаванд.

Дар баъзе сайтҳо, шумо метавонед ин сарлавҳаҳоро бе истифодаи ин унсурҳо танзим кунед. Ба ҷои ин, сарлавҳаҳо метавонанд параграфҳоро бо хусусиятҳои синфҳои махсус илова кунанд ё қисмҳои бо синфҳои синф истифодашавандаро истифода баранд. Сабаби аксар вақт ман дар бораи ин нодурусти шунавоӣ шунидаам, ки тарҳрезакунанда «сари роҳҳоро намоиш намедиҳад». Бо нобаёнӣ, сарлавҳаҳо дар шакли тасодуфӣ нишон дода мешаванд ва онҳо дар андозаи калонтар, махсусан h1 ва h2 унсурҳое, ки дар андозаи ҳарфҳои калонтар аз нишонаи матни саҳифа нишон медиҳанд. Дар хотир доред, ки ин танҳо унсурҳои ин элементҳо аст! Бо CSS, шумо метавонед ба назар гиред, ки шумо мехоҳед! Шумо метавонед андозаи ҳарфро тағйир диҳед, ҷадвалро бардоред, ва зиёда аз он. Сарлавҳаҳо роҳи дурусти рамзи сарлавҳаҳои саҳифа мебошанд. Дар ин ҷо баъзе сабабҳо вуҷуд доранд.

Чаро инҷо сарлавҳаҳои сарлавҳа, ба ҷои диверсификатсия ва тарҳрезӣ

Ҷустуҷӯи муҳаррикҳо монанди сарлавҳаҳо Tags


Ин беҳтарин сабаб барои истифодаи сарлавҳаҳо аст ва онҳоро бо тартиби дуруст истифода мебарад (яъне h1, пас h2, пас h3, ва ғ.). Ҷустуҷӯи муҳаррикҳо ба баланд шудани миқдоре, ки дар дохили сарлавҳаи сарлавҳа қарор доранд, барои он, ки ин матн барои аҳамияти сементӣ вуҷуд дорад. Бо ибораи дигар, бо нишонаи унвони саҳифаи H1, шумо ҷустуҷӯи миқдори муҳаррики ҷустуҷӯро, ки # 1 фосила аз саҳифа аст, мегӯед. Ҳ2 сарлавҳаҳо # 2 доранд, ва ғайра.

Шумо ба он хотир доред, ки кадом синфҳоро шумо барои муайян кардани сарлавҳаҳои худ истифода мебаред

Вақте ки шумо медонед, ки ҳамаи саҳифаҳои вируси H1, ки гул, 2ем ва зард доранд, шумо метавонед онро дар як варақаи шумо муайян кунед ва иҷро кунед. 6 моҳ баъд, вақте ки шумо илова кардани саҳифаи дигар илова кардаед, шумо фақат ба H1 tag ба саҳифаи шумо илова карда метавонед, шумо бояд ба саҳифаҳои дигар баргардед, то ки чӣ гуна ID ё синфро истифода баред сарлавҳа ва сарлавҳаҳо.

Онҳо ба таври муфассал Page пешниҳод шудаанд

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

Саҳифа шумо ҳатто бо сабки саҳмияҳо хомӯш мешавад

На ҳама метавонанд тамошоҳои сабки стротатонро бинанд ё истифода баранд (ва ин ба бозгашт ба # 1 - моделҳои ҷустуҷӯ матн (матни) саҳифаҳои шумо, на саҳифаҳои сабзавот). Агар шумо сарлавҳаҳои сарлавхаро истифода баред, шумо саҳифаҳои худро дастрас мешавед, зеро сарлавҳаҳо иттилоотеро, ки ба DIV тамсил намеболанд, пешниҳод мекунанд.

Он барои блогнависон ва сомона дастрасӣ пайдо мекунад

Истифодаи дурусти сарлавҳаҳо ба сохтори мантиқӣ ба ҳуҷҷат меорад. Ин чӣ хонандагони экранро барои "хондан" -и сайт ба истифодабаранда бо нуқсонҳои дидани худ истифода мебаранд, сайти худро ба одамони дорои маълул дастрас кардан мумкин аст.

Навиштани матн ва ҳарфҳои сарлавҳаҳои худро

Услуби осонтарини ҳаракат кардан аз «бузург, ҷурм ва зишт» -и сарлавҳаҳои алифбоӣ тарҷумаи матне, ки шумо мехоҳед ба онҳо назар кунед. Дар асл, вақте ки ман дар сайти нав кор мекардам, ман одатан параграф, h1, h2, ва h3 сабтҳои аввалро навиштаам. Ман одатан танҳо бо оила ва андозаи андоза / вазн шавӣ. Масалан, ин метавонад варианти стандартии пешакӣ барои сайти нав бошад (инҳо фақат баъзе намунаҳое ҳастанд, ки метавонанд истифода шаванд):

бадан, html {margin: 0; padding: 0; } p {font: 1em Arial, Geneva, Helvetica, sans-serif; } h1 {font: bold 2em "Times New Roman", Times, serif; } h2 {font: bold bold "Times New Roman", Times, serif; } h3 {font: bold 1.2em Arial, Geneva, Helvetica, sans-serif; }}

Шумо метавонед феҳристи сабки сарлавҳаро тағйир диҳед ё тарки матнро ё ҳатто ранги матнро тағйир диҳед. Ҳамаи инҳо сарлавҳаи "зишт" -ро ба чизи бештар ҷаззоб ва мувофиқи тарҳи худ бармегардонанд.

h1 {font: bold italic 2em / 1ем "Times New Roman", "MS Serif", "Ню-Йорк", serif; маржа: 0; padding: 0; ранг: # e7ce00; }}

Чаҳорчӯбҳо хомӯш мемонанд

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

h1 {font: bold italic 2em / 1ем "Times New Roman", "MS Serif", "Ню-Йорк", serif; маржа: 0; padding: 0; ранг: # e7ce00; сатҳи сарҳадӣ: миёна # e7ce00 миёна; border-bottom: нуқта # e7ce00 борик; width: 600px; }}

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

Илова кардани тасвирҳои саҳифаро ба сарлавҳаҳои худ илова кунед Пизази бештар

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

h1 {font: bold italic 3em / 1em "Times New Roman", "MS Serif", "Ню-Йорк", serif; замина: #fff url ("fancyheadline.jpg") бозгаштан-дар поён; padding: 0,5м 0 90px 0; матн-хато: марказ; маржа: 0; сарҳад-поён: сахт # e7ce00 0.25ем; ранг: # e7ce00; }}

Ҳайати ин сарлавҳа ин аст, ки ман медонам, ки тасвири ман 90 пиксел аст. Ҳамин тариқ, ман ба пояи коғази 90px илова кардам (padding: 0.5 0 90px 0p;). Шумо метавонед бо клиентҳои, линзаҳо, ва падачно кардани матни сарлавҳа барои намоиши ҷойгиршавӣ дар куҷо клик кунед.

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

Ивази тасвир дар сарлавҳаҳо

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

Мақолаи аслӣ аз тарафи Ҷенифер Кренин. Аз ҷониби Jeremy Girard таҳрир карда шуд, ки 9/6/17