Як толькі вы пачынаеце будаўніцтва вэб-старонак з HTML, то вы пачнеце працаваць з праклейвання. Для таго, каб ваш сайт выглядаў так, як вы хочаце, каб гэта выглядала, хутчэй за ўсё, адпаведнасць дызайну вы ці іншы дызайнер стварылі, вы хочаце, каб змяніць памер тэксту на гэтым сайце, а таксама іншыя элементы на старонцы. Для гэтага вы можаце пачаць шукаць «памер» тэга HTML, але вы хутка знайсці яго не хапае.
Памер HTML тэг не існуе ў HTML. Замест таго, каб усталяваць памер шрыфтоў, малюнкаў або макет, вы павінны выкарыстоўваць каскадныя табліцы стыляў. На самай справе, любы візуальнае змена, якое неабходна ўнесці ў тэкст на сайце або іншы элемент павінна быць апрацавана CSS! HTML з'яўляецца толькі для структуры.
Бліжэйшы тэг да памеру HTML тэг стары шрыфт тэг, які сапраўды ўключае атрыбут памеру. Майце на ўвазе, што гэты тэг з'яўляецца састарэлым у бягучых версіях HTML і можа не падтрымлівацца браўзэрамі ў будучыні! Вы не хочаце выкарыстоўваць тэг шрыфта ў вашым HTML! Замест гэтага, вы павінны навучыцца CSS памеру вашага HTML-элементаў і стыль вэб-старонкі адпаведна.
памер шрыфта
Шрыфты, магчыма, прасцей за ўсё памеру з дапамогай CSS. Moreso чым проста праклейвання , што тэкст, з дапамогай CSS вы можаце быць больш канкрэтнай інфармацыяй аб вашым сайце кнігадрукаванні . Вы можаце вызначыць памер шрыфта, колер, корпус, вага, вядучы і многае іншае. З тэгам шрыфта, вы можаце вызначыць толькі памер, а затым толькі нумар адносна памеру шрыфта па змаўчанні браўзэра, які адрозніваецца для кожнага кліента.
Каб усталяваць пункт, каб мець памер шрыфта 12pt, выкарыстоўвайце ўласцівасць стылю памеру шрыфта:
h3 {памер шрыфта = 24px; }Гэты стыль будзе ўсталяваць памер шрыфта headiing3 элементаў 24 пікселяў. Вы можаце дадаць гэта да знешняй табліцы стыляў і ўсё H3s вашага сайта будуць выкарыстоўваць гэты стыль.
Калі вы хочаце дадаць дадатковыя друкарскія стылі да тэксту, вы можаце дадаць іх на гэта правіла CSS:
h3 {памер шрыфта: 24px; колер: # 000; напісанне шрыфта: нармальны; }Гэта не толькі ўсталяваць, што памер шрыфта для H3s, было б таксама ўсталяваць колер чорны (які з'яўляецца тое, што шаснаццатковы код # 000 сродкаў), і было б усталяваць вага «нармальны». Па змаўчанні браўзэры адлюстроўваюць HEADINGS 1-6, як тоўсты тэкст, так што гэты стыль будзе перавызначыць значэнне па змаўчанні і па сутнасці «ААН-тоўсты» тэкст.
памеры малюнкаў
Выявы могуць быць складана вызначыць памеры, таму што вы можаце выкарыстоўваць браўзэр, каб змяніць памер малюнка. Вядома, змена памераў малюнкаў з браўзэрам з'яўляецца дрэннай ідэяй, таму што гэта прыводзіць да загрузкі старонак павольней і браўзэры часта робяць дрэнную працу змены памеру, што робіць малюнкі выглядаюць дрэнна. Замест гэтага, вы павінны выкарыстоўваць графічнае праграмнае забеспячэнне для змены памераў малюнкаў , а затым запісаць іх фактычныя памеры вашай вэб - старонкі HTML.
У адрозненне ад шрыфтоў, малюнкаў можна выкарыстоўваць любы HTML або CSS, каб вызначыць памер. Вы вызначаеце шырыню выявы і вышыню. Пры выкарыстанні HTML, вы можаце вызначыць толькі памер выявы ў пікселях. Калі вы выкарыстоўваеце CSS, вы можаце выкарыстоўваць іншыя вымярэння, уключаючы цалі, сантыметры, і працэнты. Гэта апошняе значэнне, працэнты, вельмі карысна, калі вашы малюнкі павінны быць цякучым, як і ў якая рэагуе сайце.
Каб вызначыць памер малюнка з дапамогай HTML, выкарыстоўвайце шырыню і вышыню атрыбуты тэга IMG. Напрыклад, гэта малюнак будзе 400x400 пікселяў плошча:
вышыня = "400" шырыня = "400" ALT = "Малюнак" />Каб вызначыць памер малюнка з дапамогай CSS, з дапамогай вышыні і шырыні ўласцівасці стылю. Вось той жа самы малюнак, выкарыстоўваючы CSS, каб вызначыць памер:
стыль = "вышыня: 400px; шырыня: 400px;" Alt = "Малюнак" />кампаноўка памеры
Найбольш распаўсюджаны памер можна вызначыць у макеце шырыня, і першае , што вам трэба вырашыць, варта выкарыстоўваць фіксаваную шырыню макета або адаптыўны вэб - сайт. Іншымі словамі, вы збіраецеся вызначыць шырыню, як дакладны лік пікселяў, цалях або кропак? Ці вы збіраецеся ўсталяваць шырыню вашага макета быць гнуткім выкарыстаннем СЭМ або працэнты? Для таго, каб вызначыць памер макета, можна выкарыстоўваць шырыню і вышыню CSS ўласцівасці гэтак жа, як вы б у малюнку.
Фіксаваная шырыня:
стыль = "шырыня: 600px;">Вадкасць шырыня:
стыль = "шырыня: 80%;">Калі вы вырашаеце на шырыні для макета, вы павінны мець на ўвазе розныя шырыні браўзэра, што вашыя чытачы могуць выкарыстоўваць і розныя прылады, яны таксама будуць выкарыстоўваць. Таму рэагуюць сайты , якія могуць змяніць іх размяшчэнне і праклейвання на аснове розных прылад і памераў экрана, з'яўляецца лепшай стандартнай практыкай сёння.