Налаштування HTML-тегів за допомогою правил CSS - селектор HTML

Квітня 27, 2024

Однією з причин того, що CSS настільки популярний, є універсальність, яку він надає тегам HTML. Хоча ви не можете "вимкнути" вбудовані елементи тегу, ви можете додати більше елементів тегів HTML, щоб розширити їх корисність. Це ви робите, додаючи нові визначення CSS до селектора тегів. Давайте скористаємося HTML

для нашого прикладу, і ми додамо колір тла, обличчя шрифту, розмір шрифту та керування кольором тексту до

тег. Це спричинить все між будь-яким відкриттям і закриттям

теги, якими слід керувати наші нові визначення на всій веб-сторінці.

p {
фоновий колір: # 000000;
сімейство шрифтів: arial;
розмір шрифту: 12px;
колір: #ffffff;
}

У нашому прикладі правило CSS починається з селектора HTML (p), за яким слідує блок декларування CSS, що містить усі визначення властивостей, які ми хочемо додати. Як завжди, кожне визначення починається з властивості, після чого - двокрапка, значення та закінчується крапкою з комою. Весь блок розміщений у фігурних дужках. Слід пам’ятати кілька речей, коли ви пишете власні правила CSS для тегів HTML.

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

Відео Інструкція: Web Development - Computer Science for Business Leaders 2016 (Квітня 2024).

Налаштування HTML-тегів за допомогою правил CSS - HTML-селектор, HTML, як перезначити тег HTML, як за допомогою CSS переозначити HTML-тег, як визначити селектор CSS, як визначити HTML-тег, як використовувати css для визначення тег html, селектор CSS, правили CSS, визначення CSS, пари властивостей і цінностей, як написати власні правила CSS

Попередня Стаття

Наступна Стаття

Схожі Статті

комп’ютери

Система частинок - параметри форми випромінювача

Квітня 2024

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

комп’ютери

Ілюструє за допомогою Flash 8 Роберта Файбо

Квітня 2024

Навіть сьогодні більшість ілюстрацій, створених на Flash, - це лінійні малюнки або плоскі кольорові графіки, такі як мультфільми. Але з цією новою версією Flash все стає захоплюючим для векторної...