Маълумотро бо ин маслиҳатҳо гиред
Ҳамаи браузерҳо дар бар мегиранд, ки чӣ гуна «сабки нангин» -ро медонанд. Инҳо хосиятҳое ҳастанд, ки ба назар ва эҳсосоти элементҳои HTML дар сурати мавҷуд набудани ягон тарзи дигари сабки тасвир мекунанд. Масалан, дар қариб ҳар браузер назар ба префиксҳо гиперматкаи рангҳои дурахшон ва ранги рангест. Ин гуна пайвандҳо ба назар мерасанд, ки агар шумо онҳоро ба таври дигар намоиш диҳед.
Намунаҳои браузер метавонанд муфид бошанд, аммо дар аксари ҳолатҳо дизайнерҳои вебӣ мехоҳанд, ки ин услубҳоро тоза кунанд, то ки онҳо бо тарзҳои нав оғоз кунанд, ки онҳо 100% назорат доранд. Ин бо истифода аз "услуби устод" маълум аст.
Сабтҳои асосӣ бояд сабтҳои аввалине, ки шумо дар ҳамаи ҳуҷҷатҳои шумо занг мезанед, бояд бошад. Шумо барои услуби веб-браузер истифода кунед, то ки танзимоти браузерҳои пешфарзро, ки метавонанд дар тарҳрезии веб-браузер ба вебсайтҳо вогузор кунанд Баъд аз он, ки сабтҳо бо услуби устодро тоза кардед, тарҳрезии шумо аз ҳамаи браузерҳо оғоз меёбад - ба монанди канори сафед барои ранг кардан.
Мушкилоти ҷаҳонӣ
Нишондиҳандаи устоҳои шумо бояд аз тарафи сифр берун аз маржинҳо, портҳо ва сарҳадҳо дар саҳифа оғоз шавад. Баъзе веб браузерҳо ба мақолаи ҳуҷҷат ба 1 ё 2 пиксел аз кунҷҳои браузер дохил мешаванд. Ин ба боварӣ асос медиҳад, ки ҳамаи онҳо ин гуна нишон медиҳанд:
html, маръ {{њаво}: 0px; padding: 0px; сарҳад: 0px; }}Шумо инчунин мехоҳед, ки ҳарфҳои мутобиқро созед. Боварӣ ҳосил кунед, ки андозаи ҳарфро ба 100 ё 1 сония монанд кунед, то саҳифаи шумо дастрас бошад, аммо ҳаҷм ҳанӯз ҳам мутобиқ аст. Ва боварӣ ҳосил кунед, ки дар сатри баландӣ ҷойгир кунед.
{font: 1em / 1.25 Arial, Helvetica, sans-serif; }}Форматкунӣ
Сарлавҳаҳо ё аломатҳои сарлавҳаҳо (H1, H2, H3, ва ғ.) Одатан ба матни тасвирӣ бо марҷаҳои калон ё фатир дар атрофи онҳо пешкаш мекунанд. Бо тозакунии вазн, маржинҳо ва фулуз, шумо боварӣ доред, ки ин аломатҳо ҳанӯз аз матн дар атрофи онҳо бе зикри иловагӣ калонтар (ё хурдтар) мемонанд:
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font: вазн; font-family: Arial, Helvetica, sans-serif; }}Шумо мехоҳед, ки андозаи мушаххас, номуайянкунӣ ва постутҳоро ба аломатҳои сарлавҳаи худ баррасӣ кунед, аммо дар ҳақиқат ба стандарти сайте, ки шумо лоиҳакашӣ мекунад, вобаста аст ва бояд аз варақаи таркиби устухон ҷудо карда шавад. Шумо метавонед барои ин номҳо, ки барои тарҳрезии мушаххаси шумо зарур аст, илова кунед.
Форматкунии матни тарки
Ғайр аз сарлавҳаҳои сарлавҳаҳо, аломатҳои дигари матн, ки шумо бояд боварӣ ҳосил кунед, ки берун аз он. Яке аз онҳое, ки одамонро фаромӯш мекунанд, фаромӯш мекунанд, ки матнҳои ҷадвалӣ (TH ва ТД) ва аломатҳо (SELECT, TEXTAREA ва INPUT) мебошанд. Агар шумо инро ба андозаи ҳамон тасвири бадан ва параграф муқаррар накунед, шумо метавонед бифаҳмед, ки чӣ тавр браузерҳо онҳоро таслим мекунанд.
p, th, td, li, dd, dt, ul, o, blockquote, q, acronym, abbr, як, вуруд, интихоб, textarea {margin: 0; padding: 0; font: Normal Normal Normal Normal Normal / Normal 1.em Arial, Helvetica, sans-serif; }}Инчунин хуб аст, ки пешниҳодҳои шумо (BLOCKQUOTE ва Q), истинодҳо ва кӯтоҳшавӣ ба сабки каме иловагӣ дода шаванд, то ки онҳо каме зиёдтар истодаанд:
блок {банка}: 1.25ем; padding: 1.25em} q {font-style: italic; } acronym, abbr {cursor: help; сарҳад-поёни: 1px хомӯш; }}Пайвандҳо ва тасвирҳо
Пайвандҳо осон барои идора кардан ва тағйир додани он, ки дар боло матн алоҳидаи сангинро тағйир медиҳанд. Ман маъқул медонам, ки пайвастагиҳои ман аллакай боқӣ мемонанд, аммо агар шумо онро тарзи дигар интихоб кунед, шумо метавонед ин параметрҳоро ҷудо кунед. Ман ҳамчунин рангҳоро дар таркиби таркиби устухон надорам, зеро ин аз тарҳ вобаста аст.
a, a: link, a: visited, a: фаъол, a: hover {text-decoration: underline; }}Бо тасвирҳо, муҳим аст, ки сарҳадро маҳкам кунед. Дар ҳоле, ки аксари браузерҳо дар атрофи сигнали сафед нишон дода мешаванд, вақте ки тасвир аллакай пайваст мешавад, браузерҳо дар сарҳад фаъоланд. Барои ислоҳ кардани ин:
img {border: none; }}Ҷадвалиҳо
Дар ҳоле, ки ҷадвалҳо барои мақсадҳои таҳияшуда истифода намешаванд, шумо сайтро то ҳол барои маълумоти воқеии ҷадвал истифода мебаред. Ин истифодаи хуби ҷадвалҳои HTML мебошад. Мо аллакай боварӣ ҳосил менамоем, ки андозаи оддии матн барои ҳуҷайраҳои ҷадвалии шумо якхела аст, аммо якчанд услубҳои дигарро, ки шумо бояд муқаррар кунед, то ки мизҳои худро дар ҳамон монанд нигоҳ доранд:
маржаи {исоба: 0; padding: 0; сарҳад }}Forms
Мисли дигар элементҳо, шумо бояд аз мароҳилҳо ва фолклҳо дар атрофи шумо тоза кунед. Дигар чизе, ки ман мехоҳам кардан мехоҳам, ин функсияи tag -ро ҳамчун " inline " номнавис кунед, то ки он фазои иловагии иловагиро илова накунед, ки дар он шумо нишонаеро дар коди ҷойгир кунед. Ба монанди дигар элементҳои матн, ман маълумоти матниро барои интихоби матнӣ, матнро дар боло муайян кардан мехоҳам, то он даме, ки бо матни дигари матн.
формулаи: 0; padding: 0; намоиш: дарли; }}Инчунин фикри хуби тағир додани курсор барои лавҳаҳои худ аст. Ин ба одамон кӯмак мекунад, ки бубинанд, ки тамғаи он вақте ки онҳоро пахш мекунад, коре мекунад.
{қуттича: нишондиҳанда; }}Сутунҳои умумӣ
Барои ин қисми матритсаи магистр, шумо бояд синфҳоеро, ки ба шумо маъқуланд, муайян кунед. Инҳо баъзе аз синфҳоро истифода мебаранд. Дар хотир доред, ки онҳо ба ягон унсури махсус таъин нашудаанд, аз ин рӯ шумо метавонед ба ҳар чизе, ки ба шумо лозим аст, таъин кунед:
.text {clear: ҳар ду; } .floatLeft {float: left; } .floatRight {float: рост; } .textLeft {text-align: left; } .textRight {text-align: right; } .textCenter {text-align: center; } .textJustify {text-align: justify; } .blockCenter {display: block; margin-left: auto; margin-right: auto; } / * фаромӯш накунед, ки width * / .bold {font-weight: bold; } .italic {font-style-style: italic; } .underline {text-decoration: underline; } .noindent {margin-left: 0; padding-left: 0; } .nomargin {margin: 0; } .topadding {padding: 0; } .nobullet {услуби рӯйхат: нест; Рӯйхати номуайян - тасвир: ҳеҷ; }}Дар хотир доред, ки ин синфҳо пеш аз ҳама гуна сабки навишташаванда навишта шудаанд ва онҳо танҳо дарсҳо ҳастанд, онҳо осон нест, ки бо хусусиятҳои хосаи мушаххаси мушаххасе, ки баъдтар дар садама рӯй медиҳанд, бартараф карда шаванд. Агар шумо фаҳмед, ки синфи умумӣ дар унсури муқаррарӣ гузоштаед ва онро ба эътидол намеорад, шумо бояд боварӣ ҳосил кунед, ки дар яке аз услубҳои охирини шумо, ки ҳамон элементро дарбар мегирад, дигар сабки дигар нест.
Тамоми Шеъри Устувор
/ * Global Defaults * / html, мода {margin: 0px; padding: 0px; сарҳад: 0px; } бренди {font: 1em / 1.25 Arial, Helvetica, sans-serif; } / * Сарлавҳаҳо * / h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font: вазн; font-family: Arial, Helvetica, sans-serif; * / * Тафсилоти матнӣ / p, th, td, li, dd, dt, ul, o, blockquote, q, acronym, abbr, ворид, интихоб, textarea {margin: 0; padding: 0; font: Normal Normal Normal Normal Normal / Normal 1.em Arial, Helvetica, sans-serif; } блок {банка}: 1.25ем; padding: 1.25em} q {font-style: italic; } acronym, abbr {cursor: help; сарҳад-поёни: 1px хомӯш; } хурд {font-size: .85em; } калон {font-size: 1.2em; } / * Пайвандҳо ва тасвирҳо * / a, a: link, a: visited, a: фаъол, a: hover {text-decoration: underline; } img {border: none; } / * Ҷадвалҳо * / ҷадвали {margin: 0; padding: 0; сарҳад } / * Forms * / форма {margin: 0; padding: 0; намоиш: дарли; } аломати {курсор: pointer; } / * Саволҳои умумӣ * / .learning {clear: ҳар ду; } .floatLeft {float: left; } .floatRight {float: рост; } .textLeft {text-align: left; } .textRight {text-align: right; } .textCenter {text-align: center; } .textJustify {text-align: justify; } .blockCenter {display: block; margin-left: auto; margin-right: auto; } / * фаромӯш накунед, ки width * / .bold {font-weight: bold; } .italic {font-style-style: italic; } .underline {text-decoration: underline; } .noindent {margin-left: 0; padding-left: 0; } .nomargin {margin: 0; } .topadding {padding: 0; } .nobullet {услуби рӯйхат: нест; Рӯйхати номуайян - тасвир: ҳеҷ; }}Мақолаи аслӣ аз тарафи Ҷенифер Кренин. Аз ҷониби Jeremy Girard таҳрир карда шуд 10/6/17