Для цього використовуйте Cascading Style Sheets (CSS) / каскадні таблиці стилів. У цьому уроці ми дамо короткий опис CSS. Пізніше ви можете прочитати наш підручник CSS. Так що прийміть цей урок, так би мовити, для початку.
CSS це краща половина HTML. Але, в плані кодування, їх статус різниться: HTML піклується про загальний виведення інформації (її структурі), у той час як CSS виробляє тонке налаштування зовнішнього вигляду (layout).
Як показано в уроці 7, CSS може додаватися атрибутом style. Наприклад, ви можете встановити тип і розмір шрифту параграфа:
Приклад 1:
| <p style="font-size: 20px;">Це надруковано розміром 20</p> <p style="font-family: courier;">Це надруковано шрифтом Courier</p> <p style="font-size:20px; font-family: courier ">Це надруковано шрифтом Courier розміром 20</p>
|
буде виглядати в браузері:
| Це надруковано розміром 20
Це надруковано шрифтом Courier
Це надруковано шрифтом Courier розміром 20
|
У цьому прикладі ми використовували атрибут style для специфицирования типу шрифту (командою font-family) і розмір шрифту (командою font-size). Зверніть увагу, як в останньому параграфі ми одночасно встановили тип і розмір, розділяючи параметри крапкою з комою.