Розробка сайтів

html, css, xml

» ВЛАСТИВОСТІ ШРИФТУ


font-family Використається для вказівки шрифту або шрифтового сімейства, яким буде відображатися елемент.

P {font-family: Times New Roman, sans-serif;}

font-weight Визначає ступінь жирності шрифту за допомогою трьох параметрів: lighter, bold, bolder

B {font-weight: bolder;}

font-size Установлює розмір шрифту. Параметр може вказуватися як у відносній (відсотки), так й абсолютній величині (пункти, пикселы, сантиметри)

H1 {font-size: 200%;}

H2 {font-size: 150px;}

H3 {font-size: 400pt;}

font-size Установлює розмір шрифту. Параметр може вказуватися як у відносній (відсотки), так й абсолютній величині (пункти, пикселы, сантиметри)

H1 {font-size: 200%;}

H2 {font-size: 150px;}

H3 {font-size: 400pt;}

КОЛЬОРИ ЕЛЕМЕНТА Й КОЛЬОРИ ТЛА

color Визначає кольори елемента

I {color: yellow;}

background-color Установлює кольори тла для елемента - саме для елемента, а не для сторінки. Зверніть увагу, що броузеры відображають цю властивість по-різному: Microsoft IE відводить під тло елемента всю доступну ширину сторінки, а Netscape Navigator - лише ширину, займану цим елементом. Подивитеся приклад (мал. 3, 4 ), от його вихідний код:

<HTML>

<HEAD>

<TITLE>Приклад використання CSS</TITLE>

<STYLE type=”text/css”>

H1 {font-size: 300%;}

</STYLE>

</HEAD>

<BODY bgcolor=white>

<center><BR>

<H1 style=”background-color: teal; color: white;”>Cascading</H1>

<H1 style=”background-color: navy; color: yellow;”>Style</H1>

<H1 style=”background-color: gold; color: brown;”>Sheets</H1>

</BODY>

</HTML>

У цьому прикладі в розділі <STYLE> всім елементам <Н1> на цій сторінці був установлений розмір 300 % від норми. Потім кожному з елементів <H1> були привласнені власні значення кольорів тла й кольори символів.