Впроваджений стиль CSS
У попередньому прикладі використовується вбудований стиль, який вписується безпосередньо в тег документа. Цей спосіб зв'язування CSS з HTML-сторінкою рекомендується застосовувати в одиничних випадках - якщо стиль планується застосувати тільки до одного елементу тільки на одній сторінці сайту. Якщо ж стиль планується до використання для декількох елементів на одній сторінці або до декількох сторінках відразу, рекомендуються інший спосіб зв'язування CSS і HTML. Впроваджений стиль CSS вписується всередині тега контейнера . Прописується такий контейнер між тегами
в якому ми створимо відразу кілька правил для однієї сторінки HTML. Взагалі правил можна створити скільки завгодно і які завгодно, все залежить від вашої винахідливості.Я наприклад хочу щоб у мене на сторінці все посилання не були підкреслені, були зеленого кольору, а при наведенні на них курсора миші змінювали свій колір і з'являлася смуга підкреслення, заголовок сторінки знаходився по середині сторінки і мав темно жовтий з коричневим відтінком колір. У підсумку вийти такий запис:
Далі вписуємо тег контейнер з правилами в сторінку HTML і дивимося що вийшло.
У другому рядку A: hover для селектора A: hover (Даний селектор вказує, що робити браузеру при наведенні маркера миші на посилання) вказуємо, що при наведенні маркера потрібно підкреслити посилання text-decoration: underline; і змінити колір посилання color: # e30000;
У третьому рядку h2 вказуємо правило для заголовка h2 в якому вказуємо, що заголовки h2 повинні розташовуватися по центру text-align: center; і повинні бути темно жовтого з коричневим відтінком кольору color: # d28900;