logo

Типи CSS (каскадна таблиця стилів)

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

Нижче наведено три типи CSS:

Зміст



Вбудований CSS:

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

Приклад вбудованого CSS:

У цьому прикладі показано використання вбудованого CSS за допомогою документа HTML.

html




> <>html>>> <>head>>> ><>title>>Вбудований CSStitle> head>

font-size:50px; font-style:курсив; text-align:center;'> GeeksForGeeks p> body> html>>

>

>

Вихід:

приклад вбудованої властивості CSS

Пояснення прикладу вбудованого CSS:

У наведеному вище прикладі ми виконуємо ці кроки

  • Тут ми використовуємо Inline CSS безпосередньо до елемента абзацу.
  • Змінює колір на зелений, розмір шрифту на 50 пікселів, стиль на курсив і вирівнювання по центру.
  • Стиль перекриває зовнішній і внутрішній CSS.

Внутрішній або вбудований CSS:

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

Приклад внутрішнього або вбудованого CSS:

У цьому прикладі показано використання внутрішнього CSS за допомогою документа HTML.

html




> <>html>>> <>head>>> ><>title>>Внутрішній CSStitle>