Каскадні таблиці стилів (CSS) це мова, яка використовується для стилізації веб-сторінок, які містять елементи HTML, що визначає, як елементи відображаються на веб-сторінках, включаючи макет, кольори, шрифти та інші властивості елементів на веб-сторінці. CSS працює, орієнтуючись на елементи HTML і застосовуючи правила стилю, щоб визначити, як вони мають відображатися, включаючи такі властивості, як колір, розмір, макет і позиціонування.
Нижче наведено три типи CSS:
Зміст
Вбудований CSS:
Вбудований CSS це метод застосування стилю безпосередньо до окремих елементів HTML за допомогою атрибута style в тегу HTML, що дозволяє використовувати певний стиль для окремих елементів у документі HTML, замінюючи будь-які зовнішні чи внутрішні стилі.
Приклад вбудованого CSS:
У цьому прикладі показано використання вбудованого CSS за допомогою документа HTML.
html
> <>html>>> <>head>>> ><>title>>Вбудований CSStitle> head> |
>
>
Вихід:

Пояснення прикладу вбудованого CSS:
У наведеному вище прикладі ми виконуємо ці кроки
- Тут ми використовуємо Inline CSS безпосередньо до елемента абзацу.
- Змінює колір на зелений, розмір шрифту на 50 пікселів, стиль на курсив і вирівнювання по центру.
- Стиль перекриває зовнішній і внутрішній CSS.
Внутрішній або вбудований CSS:
Внутрішній або вбудований CSS визначається в елементі документа HTML. Він застосовує стилі до вказаних елементів HTML. Набір правил CSS має міститися у файлі HTML у розділі head, тобто CSS вбудовано в тег у розділі head файлу HTML.
Приклад внутрішнього або вбудованого CSS:
У цьому прикладі показано використання внутрішнього CSS за допомогою документа HTML.
html
> <>html>>> <>head>>> ><>title>>Внутрішній CSStitle> |