Яка різниця між зовнішньою таблицею стилів і вбудованою?
Вбудовані стилі – це ті, які використовуються як частина самого тегу HTML. Вбудовані стилі розташовані в заголовку сторінки та застосовуються до всієї сторінки. Зовнішня таблиця стилів — це окремий текстовий файл, на який може посилатися кожна сторінка веб-сайту, щоб отримати інструкції.
Зовнішня таблиця стилів є окремий файл CSS, до якого можна отримати доступ, створивши посилання в головному розділі веб-сторінки. Кілька веб-сторінок можуть використовувати те саме посилання для доступу до таблиці стилів. Посилання на зовнішню таблицю стилів розміщено в головному розділі сторінки.
Внутрішні таблиці стилів – це ті, які ви пишете в одному файлі html, тобто код html і код CSS знаходяться в одному файлі. Зовнішні таблиці стилів містяться в окремому файлі, ніж код html, тобто файл html є окремим (.html), а файл CSS – окремим (.css).
Причина в тому в основному про ремонтопридатність – але також є деякі міркування щодо продуктивності. Внутрішній CSS перезапише зовнішній CSS, а вбудовані стилі перезапишуть внутрішній і зовнішній CSS, але їх використання часто створює брудний код і проблеми з його обслуговуванням на великому (або навіть маленькому) веб-сайті.
Ми дізналися, що таблиці стилів бувають трьох типів, зовнішній, внутрішній і вбудований. Зовнішні мають власний файл і застосовуються до кожної веб-сторінки, яка їх містить. Внутрішні застосовуються до всього документа, але ви повинні розмістити їх у верхній частині сторінки в заголовку.
Вбудована таблиця стилів є оголошений в елементі <head> документа XHTML. Це стосується всього документа, а не лише одного елемента. Кожне оголошення стилю (або правило CSS) застосовується до всього в документі, що відповідає цьому правилу.
Недоліки використання зовнішнього CSS
- Він не використовується для невеликої кількості визначень стилю.
- Наша сторінка може не працювати належним чином, доки не буде завантажено зовнішній файл CSS.
- Щоб отримати інформацію про стиль зі сторінки HTML, нам потрібно завантажити додатковий файл.