
Використання CSS – каскадний стиль – стиль вашого веб-сайту
Якщо я не з'ясував це в попередніх підручниках HTML, я зараз це ясно поясню: добре розроблений веб-сайт стилізований з зовнішнім каскадним стилем. Навіть як дитина, "тому що я так кажу", ніколи не була для мене достатньою, і я не очікую, що це буде достатньо для вас. Ваш веб-сайт складається з декількох сторінок, і ми пов'язуємо їх із таблицею стилів SAME. Ця таблиця стилів додає до всього сайту типи шрифтів, кольори, позиціонування, фонові зображення тощо.
- Просмотров |
Якщо я не з’ясував це в попередніх підручниках HTML, я зараз це ясно поясню: добре розроблений веб-сайт стилізований з зовнішнім каскадним стилем. Навіть як дитина, “тому що я так кажу”, ніколи не була для мене достатньою, і я не очікую, що це буде достатньо для вас. Ваш веб-сайт складається з декількох сторінок, і ми пов’язуємо їх із таблицею стилів SAME. Ця таблиця стилів додає до всього сайту типи шрифтів, кольори, позиціонування, фонові зображення тощо.
Наприклад, якщо ви хочете, щоб колір фону на вашому сайті був зеленим, додайте його до своєї таблиці стилів:
body {background-color: #006600;}
І, прив’язавши цю таблицю стилів з наведеними вище інформацією до кожної сторінки вашого сайту, кожна сторінка тепер матиме зелений фон. Це означає, що ви визначаєте це ОДНОМУ РОКУ, і вам не доведеться знову турбуватися. Це також означає, що, скажімо, ви тільки що закінчили всі 159 сторінок вашого веб-сайту, і ви просто вирішили, що можливо, зелений фон не є правильним – синій буде набагато краще – тепер вам не потрібно відкривати все 159 сторінок та змінити фоновий колір. НІ – це набагато простіше, ніж це. Ви відкриваєте лише свою таблицю стилів і змінюєте це наведене вище.
body {background-color: #0088FF;}0
Тоді все, що вам потрібно зробити, це зберегти цей документ .css, завантажити його та TA-DAAAA – фон вашого сайту повністю синій. Ось так!