Зовнішні таблиці стилів та вбудовані таблиці стилів CSS
Є кілька речей, які відрізняють зовнішні таблиці стилів від вбудованих таблиць стилів.

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

Приклад



Таблиці зовнішнього стилю
Зовнішні таблиці стилів трохи відрізняються, оскільки не мають початку та кінця тегів. Насправді у вас не може бути жодних тегів HTML, крім коментарів та заяви @import. Це в основному текстовий файл, який містить лише CSS-код.

Приклад
тіло {фон-колір: #ffffff}

p {шрифт-розмір: 12pt; колір: # 000000; вирівнювання тексту: центр}

Ви можете називати свій зовнішній аркуш стилів усім, що вам подобається, але це хороша практика, щоб дати файлу ім’я, яке відображає призначення CSS-коду. Наприклад, CSS-код, який керує стилем посилань на меню на вашій веб-сторінці, може називатися menu.css. Хоча це необов’язково, ви повинні використовувати розширення .css для своїх зовнішніх таблиць стилів.

Після створення зовнішніх таблиць стилів ви можете використовувати їх на будь-якій веб-сторінці, розмістивши в головному розділі тег або заяву @import.





Відео Інструкція: Встроенные стили (Основы HTML и CSS) (Квітня 2024).