Як змінити стиль сайту

Як змінити стиль сайту

Сьогодні для розробки та оформлення сучасного веб-сайту вже недостатньо простого мови HTML — всі веб-розробники використовують зручні і функціональні таблиці стилів CSS, які містять набір елементів форматування сторінок, спрощують HTML-файли, зменшують їх розмір і роблять більш простим зміна зовнішнього вигляду веб -сайту. Змінюючи стилі, ви отримуєте масу можливостей для редагування сайту і зміни маси його параметрів за короткий проміжок часу — якщо ви зміните параметр в стилі, він автоматично буде застосований до всіх сторінок сайту.

Інструкція

  1. Додати стилі на сайт можна різними способами. Одним з них є додавання внутрішнього стилю — використання атрибута style, який розширює теги веб-сторінки. Використання внутрішнього стилю не спрощує роботу зі сторінкою, а навпаки, робить зміна елементів сторінки більш складним. Більш оптимальним є використання таблиць глобальних стилів — елемента style. В даному випадку ви визначаєте стиль в самому документі, розміщуючи його в заголовку сторінки.
  2. Використовуйте таблиці глобальних стилів для того щоб розмістити всі стилі сторінки в одному документі і форматувати при цьому відразу велику кількість елементів стилю. Тут варто використовувати тег <style> з атрибутом type, що визначає тип мови стилів (наприклад, <style type=»text/css»>). Якщо ви отформатіруете колір чи шрифт тексту в такій таблиці, ви застосуєте зміни до всіх абзаців документа.
  3. Також до сайту можна підключати зовнішні таблиці стилів, які є найбільш зручним і якісним використанням CSS для веб-сайтів. В цьому випадку всі стилі сайту зберігаються в окремому файлі формату css, який можна завантажити на будь-який сайт і використовувати для будь-якої сторінки.
  4. Щоб підключити даний файл до сторінки, використовуйте тег link. Один файл з таблицями стилів ви зможете використовувати для будь-якої кількості сторінок сайту. Крім того, ви можете змінювати вміст файлу, автоматично застосовуючи зміни відразу до всіх веб-сторінок.
  5. Створюючи зовнішній css-файл, переконайтеся в його правильному вмісті. Такий файл не повинен містити розмітку, а коментарі повинні бути оформлені за всіма правилами для коректного відображення стилів на сайті.