Съдържание
Шрифтовете, както видяхме в част 1 на този урок, са много фин и ефективен начин да промените начина, по който страницата HTML Виждате ли, ние вече знаем как да използваме атрибута малко шрифт, сега ще видим разширените свойства, за да продължим да персонализираме нашите документи.Работа с размер на шрифта
За да работим с размера на шрифтовете, CSS ни позволява редица свойства и атрибути, с които можем да постигнем желаните от нас ефекти при търсенето на персонализиране на нашите документи.
Следните атрибути ни позволяват да постигнем промяна на размерите.
xx-малък x-малък малък среден голям x-голям xx-голям: Cпри определяне размера на шрифта браузърът е отговорен за установяването на точния размер на шрифтовете, тъй като списъкът с опции напредва, буквата на текстовия блок, към който се прилага свойството, става по -голям.
по -малък по -голям: Той установява размера на шрифта, като размерът, който се получава, е спрямо родителския елемент.
Сега нека видим в кода пример за това как да приложим тези нови знания:
ПримерИма много различни видове плодове - има само над 500 сорта банани. Докато добавим безбройните видове ябълки, портокали и други добре познати плодове, ние сме изправени пред хиляди възможности за избор.
В този код използваме двата типа атрибути, този, идентифициран с id първо ще вземе фиксиран размер и идентификатора с идентификатора второ ще вземе по -голям размер спрямо родителския си контейнер, нека видим как изглежда в браузъра.
Установяване на стил и тегло
Теглото на шрифта съответства на дебелината на реда, който определя буквата, това може да бъде променено със свойството тегло на шрифтаОт друга страна, стилът ни позволява да избираме между нормален текст, в курсив или също и в коса, нека да видим как използваме това в код, за да можем директно да практикуваме.
ПримерИма много различни видове плодове - има само над 500 сорта банани. Докато добавим безбройните видове ябълки, портокали и други добре познати плодове, ние сме изправени пред хиляди възможности за избор.
Сега нека видим как изглежда това в нашия браузър.
В кода това, което направихме, беше да поставим раздел в курсив, а друг в удебелен или удебелен шрифт, има разлика между курсив и скосен, но на визуално ниво това е нещо, което е незначително в момента, също можем да оставим тази разлика да бъдат разследвани и затова съдържанието на този урок е свежо.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка
