Преглед садржаја
Фонтови као што смо видели у првом делу овог водича су врло суптилан и ефикасан начин да промените начин на који страница ХТМЛ видите, већ знамо како мало користити атрибут фонт, сада ћемо видети напредна својства за наставак прилагођавања наших докумената.Рад са величином фонта
Да бисмо радили са величином фонтова, ЦСС нам дозвољава низ својстава и атрибута помоћу којих можемо постићи жељене ефекте у нашој потрази за прилагођавањем наших докумената.
Следећи атрибути нам омогућавају да постигнемо промену величина.
кк-мали к-мали мали средњи велики к-велики кк-велики: Ц.на основу величине фонта, прегледач је одговоран за утврђивање тачне величине фонтова, како листа опција напредује, слово текстуалног блока на који се својство примењује постаје веће.
мањи већи: Он утврђује величину фонта, величина која се добија је у односу на родитељски елемент.
Хајде сада да видимо у коду пример како да применимо ово ново знање:
ПримерПостоји много различитих врста воћа - само преко 500 врста банана постоји. Док додамо безброј врста јабука, поморанџи и другог добро познатог воћа, суочени смо са хиљадама избора.
У овом коду користимо две врсте атрибута, ону идентификовану са ид -ом први ће узети фиксну величину и идентификатор са ид -ом друго ће узети већу величину у односу на родитељски контејнер, да видимо како то изгледа у прегледачу.
Одређивање стила и тежине
Тежина фонта одговара дебљини линије која дефинише слово, ово се може променити са својством фонт-веигхтС друге стране, стил нам омогућава да бирамо између нормалног текста, у курзиву или такође укосо, да видимо како то користимо у коду да бисмо могли да пређемо директно на вежбање.
ПримерПостоји много различитих врста воћа - само преко 500 врста банана постоји. Док додамо безброј врста јабука, поморанџи и другог добро познатог воћа, суочени смо са хиљадама избора.
Хајде сада да видимо како ово изгледа у нашем прегледачу.
У коду је оно што смо урадили било да ставимо одељак у курзиву, а други подебљано или подебљано, постоји разлика између курзива и косог, међутим на визуелном нивоу то је нешто што је тренутно занемарљиво, ту разлику такође можемо оставити треба истражити, па је садржај овог водича свеж на уму.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен
