Однією з привабливих особливостей CSS є можливість керувати зовнішнім виглядом сторінок централізовано. Замість використання style в кожному тезі ви можете вказати браузеру тільки один раз, як повинен виглядати текст на сторінці:
Приклад 2:
| <html> <head> <title>My first CSS page</title> <style type="text/css"> h1 {font-size: 30px; font-family: arial} h2 {font-size: 15px; font-family: courier} p {font-size: 8px; font-family: times new roman} </style> </head> <body> <h1>My first CSS page</h1> <h2>Welcome to my first CSS page</h2> <p>Here you can see how CSS works </p> </body> </html>
|
Показати приклад
У цьому прикладі правила CSS вставлені в розділ head і застосовуються до всієї сторінці. Для цього використовується тег <style type="text/css">, який дає відповідну вказівку браузеру.
У цьому прикладі заголовки на сторінці будуть виведені шрифтом Arial розміром 30px. Всі підзаголовки - Courier розміром 15. А весь текст у звичайних параграфах буде шрифтом Times New Roman розміром 8.
Можна також вказувати правила CSS в окремому документі. Тоді можна застосовувати CSS вже до всіх сторінок. Це дуже важлива якість, якщо вам знадобиться змінити тип або розмір шрифту для великого web-сайту з тисячами сторінок. Зараз ми не будемо в це заглиблюватися, але ви можете вивчити все докладніше в нашому підручнику CSS.
