Веб-парақтарды HTML-мен құрастыра бастағаннан кейін, өлшемділікпен жұмыс істей бастайсыз. Сайтыңызды көргіңіз келгендей көрінуі үшін, сіз немесе басқа дизайнер жасаған дизайнға сәйкес болуы мүмкін, сол беттегі мәтіннің өлшемін және беттегі басқа элементтерді өзгерткіңіз келеді. Мұны істеу үшін Сіз HTML-нің «өлшемі» тегін іздеуді бастауыңыз мүмкін, бірақ сіз оны жоғалтасыз деп тапсыз.
HTML өлшемі тегі HTMLде жоқ. Оның орнына, сіздің қаріптеріңіздің, суреттеріңіздің немесе орналасудың мөлшерін белгілеу үшін Каскадты мәнерлер кестелерін пайдалануыңыз керек. Шындығында, кез-келген көрнекі өзгерту веб-сайттың мәтініне немесе басқа элементіне CSS-ті өңдеу керек! HTML - құрылым үшін ғана.
HTML өлшеміндегі тегтің ең жақын тегі - өлшемдік төлсипатты қамтитын ескі қаріп тегтері. Бұл тег HTML-дың ағымдағы нұсқаларында ескірген және болашақта браузерлер қолдамауы мүмкін! HTML-дағы қаріп тегін қолданғыңыз келмейді! Оның орнына, сізге HTML элементтерін өлшеу және CSS-ті веб-беттеріңізді стильдеу үшін CSS-ті үйрену керек.
Қаріп өлшемдері
Шрифт CSS-дің өлшемі үшін ең оңай нәрсе. Моресо бұл мәтінді жай ғана емес, CSS-мен салыстыра отырып, сіздің веб- сайтыңыздың типографиясына қатысты неғұрлым нақты болуы мүмкін. Сіз қаріп өлшемін, түсін, корпусын, салмағын, жетекші және тағы басқаларын анықтай аласыз. Қаріп тегтерімен өлшемді ғана анықтай аласыз, содан кейін браузердің әдепкі қаріп өлшеміне қатысты сан ретінде тек әрбір клиент үшін ерекшеленеді.
Ежені 12 дана қаріп өлшемін орнату үшін қаріп өлшемі мәнерінің сипатын пайдаланыңыз:
h3 {font-size = 24px; }Бұл стильде headiing3 элементінің қаріп өлшемі 24 пиксел болады. Мұны сыртқы мәнер кестесіне қосуға болады және барлық H3-дың осы стильді пайдалануы мүмкін.
Егер қосымша мәтіндік стильдерді мәтінге қосқыңыз келсе, оларды осы CSS ережесіне қосуға болады:
h3 {font-size: 24px; түсі: # 000; қаріптің салмағы: қалыпты; }Бұл H3 үшін қаріп өлшемін ғана орнатпастан, түске қара түсті (ол # 000 дегеннің ондық коды дегенді білдіреді) және салмақты «қалыпты» етіп орнатады. Әдепкі бойынша браузерлер 1-6 айдарларын қою мәтін ретінде көрсетеді, сондықтан бұл стиль осы әдепкі мәнді және мәтінді «қарама-қарсы» деп қабылдамайды.
Кескін өлшемдері
Суреттер мөлшерін анықтау үшін күрделі болуы мүмкін, себебі сіз кескінді өзгерту үшін браузерді нақты пайдалана аласыз. Әрине, браузермен суреттерді өзгерту - бұл жаман идея, себебі беттер баяу жүктеледі және браузерлер көбінесе өлшемдерін азайтады, кескіндер нашар көрінеді. Оның орнына, суреттерді өлшемін өзгерту үшін графикалық бағдарламалық жасақтаманы пайдалану керек, содан кейін өздерінің HTML-беттеріндегі нақты өлшемдерін жазуыңыз керек.
Қаріптерден айырмашылығы, кескін өлшемін анықтау үшін HTML немесе CSS-ні пайдалана алады. Кескіннің енін және биіктікті анықтайсыз. HTML пайдаланған кезде сурет өлшемін тек пикселдерде анықтауға болады. CSS-ді қолдансаңыз, дюйм, сантиметр және пайыздар сияқты басқа өлшемдерді қолдануға болады. Бұл соңғы мән, пайыздық мөлшерлемелер, сіздің суреттеріңіз жауапты веб-сайт сияқты сұйықтық болу керек болғанда өте пайдалы.
HTML көмегімен кескін өлшемін анықтау үшін img тегінің биіктігін және енінің атрибуттарын пайдаланыңыз. Мысалы, бұл кескін 400x400 пикселге тең болады:
height = «400» width = «400» alt = «image» />CSS көмегімен кескін өлшемін анықтау үшін биіктік пен ен мәндерінің сипаттарын пайдаланыңыз. Мөлшерін анықтау үшін CSS-ні қолданатын бірдей сурет:
style = «height: 400px; ен: 400px;» alt = «сурет» />Орналасу өлшемдері
Орналасуда анықталған ең көп таралған өлшем ені болып табылады және ең алдымен, сіз шешуге тура келетін нәрсе - тіркелген ені орналасуын немесе жауапты веб-сайтты пайдалану туралы болып табылады. Басқаша айтқанда, ені пикселдердің, дюймлардың немесе нүктелердің нақты саны ретінде анықталатын ба? Немесе орналасу енін ems немесе пайыздармен икемді болу үшін орнатасыз ба? Орналасуыңыздың мөлшерін анықтау үшін, сіз суреттегідей ені мен биіктігі CSS сипаттарын пайдаланасыз.
Тіркелген ені:
style = «width: 600px;»>Сұйық ені:
style = «width: 80%;»>Орналасуыңыздың енін шешкен кезде оқырмандарыңыз пайдаланатын браузерлердің енін және олар қолданатын әр түрлі құрылғыларды есте сақтаңыз. Міне, сондықтан әр түрлі құрылғылар мен экран өлшемдеріне негізделген орналасуын және өлшемін өзгерте алатын жауапты веб-сайттар бүгінгі күні ең жақсы тәжірибе стандарты болып табылады.