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

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

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

Основна перевага використання зовнішніх стилів полягає в тому ви можете змінити цей зовнішній файл, і ця зміна відобразиться на кожній сторінці вашого сайту, яка посилається на зовнішній файл CSS.

Це працює дещо неінтуїтивно, тому поясню далі: вбудовані стилі перекривають внутрішній CSS, і внутрішній CSS замінює зовнішні файли CSS, і зовнішні файли CSS замінюють стандартні налаштування браузера. Один із способів думати про це як шари. Чим «ближче» стиль до елемента, тим вищий пріоритет він має.

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