Вбудований – за допомогою атрибута style всередині елементів HTML. Внутрішній – за допомогою елемента <style> в розділі <head>. Зовнішній – за допомогою елемента <link> для посилання на зовнішній файл CSS.
Призначте клас CSS елементам, додавши атрибут class. Створіть таблицю стилів CSS у тій же папці та зв’яжіть їх. Виберіть клас за допомогою символу крапки, а потім його імені та властивостей стилю. Застосуйте додаткові класи до свого HTML, щоб зберегти узгодженість дизайну.
Атрибут style такий же, як і будь-який інший атрибут HTML. Він розміщується всередині початкового тегу елемента, одразу після імені тегу. Атрибут починається зі стилю, після якого йде знак рівності =, а потім береться в подвійні лапки "" , які містять значення атрибута.
Як ми бачили у вступі, у нас є два способи змінити стиль елемента за допомогою JavaScript. Один із шляхів – через встановлення властивості CSS безпосередньо в елементі. Іншим способом є додавання або видалення значень класу з елемента, що може призвести до застосування або ігнорування певних правил стилю.
Ви можете додати скільки завгодно стилів розділяючи їх крапкою з комою. У наведеному вище прикладі правило CSS зі стилями кольору та розміру шрифту визначається, а потім застосовується до елемента span за допомогою атрибута class.