Шрифтовете и текст в CSS

Сега ние ще обсъдим как да работят с шрифтове и текст в CSS.

Естествено, че е необходимо във всеки един от блоковете на текст бе определен цвят, или, че той е с удебелен шрифт. Понякога искате да възложи на определен тип устройство и големината на шрифта, цвета на текста, както и други параметри. Всичко това може да се направи с CSS. За да започнете, нека да се справят с едно нещо. CSS свойства на текст могат да бъдат определени по два начина: на базата на блока и въз основа на маркера (това не е официален термин, и ми те са лесни за запомняне).

Присвояване на CSS свойства въз основа на текстовия блок е същата като на другите свойства на правилото за присвояване на блока се записва с редица съответни характеристики на желаните стойности:

Присвояване на CSS свойства на текст, въз основа на маркера се осъществява малко по-различно. Обърнете внимание на първото правило в style.css файла:

Как да настроите вида шрифт в CSS

По подразбиране, освен ако не посочите вида шрифт, браузърът показва текстовото съдържание на типа на блока Times New Roman. Въпреки това, ние можем да променим този ход на събитията и задайте типа на шрифта самостоятелно.

Нека да зададете вида на шрифта за съдържанието блок-област добави избрана функцията:

Имайте предвид една особеност: ако сте написали името на шрифта се състои от една дума, тя е написана без кавички. Ако тя се състои от две или повече думи, тогава трябва да го напиша в единични кавички (може и двойно):

Възможно е да се организира подкрепа за няколко вида шрифтове, които трябва да направите, за да ги настани в CSS, разделен със запетаи списък:

С това ясно. Продължавай.

Как да зададете размера на шрифта в CSS

За да зададете размера на шрифта в CSS, ние трябва да се влиза в правило шрифта имот до желаната стойност:

Съхранявайте и вижте нашата страница в размер на браузъра на шрифта се променя до 12 пиксела. Как да направите удебелен шрифт в CSS
Също така е много лесно. Попълнете собственост шрифт тегло настроен на удебелен шрифт:

Както можете да видите, след добавянето на този имот в CSS шрифта се променя, за да смели. За курсив, трябва да промените стойността от смели да курсив или удебелен курсив опитам да го направя сам. Как да промените цвета на текста в CSS
За да промените цвета на текста в CSS, Цвят за запълване имущество на стойност бяло:

Запазване и погледнете в бяло шрифта също е овладял. Можете да зададете различни цветове, как да използвате цветовете на системата за номериране в HTML, или просто по име.
Както можете да видите, списъкът на имоти в нашите правила допълва от няколко парчета. Вие сте свободни да променят своите ценности и да видим как това се отразява на нашата страница index.html.

(Посетени 457 пъти, 1 посещения днес)

Може би се интересувате от: