Маълумоти умумӣ дар саҳифаҳои Style Cascading бо лавҳаи статикӣ
Вақте ки шумо як вебсайтро аз сатил сохтед, ин саъю кӯшиш мекунад, ки бо намудҳои асосӣ муайян карда шавад. Ин ба монанди канори тоза ва пошнаи тоза оғоз меёбад. Яке аз мушкилоти аввалин, ки дизайнерҳои вебсафҳабон рӯ ба рӯ мешаванд, он браузерҳои веб аз ҳама фарқ мекунанд. Андозаи ҳарфҳои аслӣ аз платформа ба платформа фарқ мекунад, бинобар ин, баъзе браузерҳо аломатҳои гуногунро ишғол мекунанд ва фишорро ба фишори ҷисм муайян мекунанд ва дар ҳолатҳои дигар. Бо ин вариантҳои носаҳеҳ бо муайян кардани сабкҳои пешфарз барои вебсайтҳои худ гиред.
CSS ва Нишонҳои Character
Аввалин чизҳои аввал, маҷмӯи аломатҳои ҳуҷҷатҳои CSS-ро ба utf-8 муқаррар мекунанд . Гарчанде, ки аксари саҳифаҳое, ки шумо тарҳрезӣ кардаед, ба забони англисӣ навишта шудаанд, баъзеҳо метавонанд маҳалҳо бошанд, ки ба забонҳои гуногуни забонӣ ва фарҳангӣ мутобиқ карда шаванд. Вақте, ки онҳо, utf-8 раванди соддатарро осон мекунанд. Танзимоти функсияро дар варақи стандартии берунӣ пеш аз сарлавҳаи HTTP қабул кардан ғайриимкон аст, вале дар ҳама ҳолатҳои дигар, он хоҳад буд.
Танзими адади аломатӣ осон аст. Барои сатри якуми ҳуҷҷати CSS нависед:
@charset "utf-8";Ин усул, агар шумо аломатҳои байналмилалӣ дар моликияти мундариҷа ва ё номи синф ва номатонро истифода баред, варақаи таркибӣ то ҳол дуруст кор мекунад.
Формулаи Саҳифа
Ғайр аз ин, талаботҳои стандартии стандартии стандартӣ ба стандартҳо ба сифр берун аз маржаҳо, пудингҳо ва сарҳадҳо мебошанд. Ин боварӣ ҳосил мекунад, ки ҳамаи браузерҳо мундариҷаро дар як ҷой ҷойгир мекунанд ва дар байни браузер ва мундариҷа ҷойҳои махфие нест. Барои аксари саҳифаҳои ин саҳифа, ки ба коғаз барои матн хеле наздик аст, аммо муҳим аст, ки дар он ҷо ҷойгир шавед, ки тасвирҳо ва тақсимоти функсияҳо дурустанд.
html, маръ {{њаво}: 0px; padding: 0px; сарҳад: 0px; }}Танзими пештара ё ранги почтавӣ ба ранги сиёҳ ва ранги аслӣ ба сафед. Дар ҳоле ки ин эҳтимолияти бештар ба тарҳрезии бештари вебуалӣ тағйир хоҳад ёфт, ки ин рангҳои стандартии дар ҷисм ҷойгиршуда ва HTML tag -ро дар аввал вироишро осонтар хонда ва кор мекунанд.
html, ранги ранг: # 000; background: #fff; }}Сабтҳои аслӣ
Андозаи ҳарф ва ҳарфҳои ҳарф як чизест, ки як тарҳи пешрафта пас аз тарҳрезӣ қабул карда мешавад, аммо бо як андозаи почтаи оддии 1 em ва воҳиди оддии font Arial, Женева, ё баъзе дигар сенсифифӣ оғоз меёбад. Истифодаи саҳифа ба саҳифа то ҳадди имкон дастрасӣ дошта метавонад, ва ранги суроғаи sans-serif дар экран равшантар аст.
html, body, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; }}Мумкин аст, ки ҷойҳои дигареро, ки шумо метавонистед, матн пайдо кунед, аммо p , th , t , li , dd ва dt сарлавҳаи хуб барои муайян кардани почтаи асосӣ мебошанд. Ба HTML ва бадан дохил кунед , аммо дар бисёр мавридҳо браузерҳо интихоби font, агар шумо танҳо функсияҳои худро барои HTML ё бадан муайян кунед.
Сарлавҳаҳо
Сарлавҳаҳои HTML барои истифодаи кӯмак ба саёҳати сайтҳо муҳиманд ва ба муҳаррикҳои ҷустуҷӯи муҳаррикҳо ба сомонаи шумо бирасанд. Бе ҳарфҳо, ҳамаи онҳо сеҳру ҷаззобанд, бинобар ин структураҳои пешфарзиро дар ҳамаи онҳо муайян кунед ва андозаи ҳарф ва ҳарфҳои ҳарфро муайян кунед.
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; } h1 {font-size: 2em; } h2 {font-size: 1.5em; } h3 {font-size: 1.2em; } h4 {font-size: 1.0em; } h5 {font-size: 0.9em; } h6 {font-size: 0.8em; }}Дин кардан + 39;
Ранг кардани рангҳои пайвастагӣ қариб ҳамеша қисмати муҳими тарҳрезӣ аст, аммо агар шумо дар намуди пешфарзӣ намебинед, имконият медиҳад, ки ақаллан яке аз синфҳои синфиро фаромӯш кунед. Бо онҳо якчанд намуди хурдро оид ба кабуд муайян кунед ва пас аз он, ки шумо рангҳои рангиро барои сайт муайян карда бошед, онҳоро тағир диҳед.
Барои гузоштани пайвандҳо дар сояҳои кабуд, ҷойгир кунед:
- Пайвастшавӣ ҳамчун кабуд
- ба пайвандҳо ҳамчун занги кабуд ташриф оварданд
- Пайвастшавӣ ҳамчун кабуд сабук
- Пайвастҳои фаъол ҳамчун занги кабуд
чунон ки дар ин мисол нишон дода шудааст:
a: link {color: # 00f; } a: visited {color: # 009; } a: hover {color: # 06f; } a: ранги фаъол: # 0cf; } Бо пайвандҳо бо нақшаи рангаи оддии ноустувор, онро ман кафолат медиҳам, ки ягон синфро фаромӯш намоям, онҳо ҳамчунин каме баландтар аз санги сафед, сурх ва арғувонро баланд мекунанд.Лавҳаи таркиби пурра
Дар ин ҷо як варақаи пурраи тарҳ аст:
@charset "utf-8"; html, маръ {{њаво}: 0px; padding: 0px; сарҳад: 0px; ранг: # 000; background: #fff; } html, body, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; } h1 {font-size: 2em; } h2 {font-size: 1.5em; } h3 {font-size: 1.2em; } h4 {font-size: 1.0em; } h5 {font-size: 0.9em; } h6 {font-size: 0.8em; } a: link {color: # 00f; } a: visited {color: # 009; } a: hover {color: # 06f; } a: ранги фаъол: # 0cf; }}