Персонализиране на HTML маркери с CSS правила - Изборът на HTML

Април 16, 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 смелият маркер ще продължи да прилага смелия ефект върху всеки текст, поставен между отваряне и затваряне тагове.

Инструкции Видео: Python Web Apps with Flask by Ezra Zigmond (Април 2024).

Персонализиране на HTML маркери с CSS правила - HTML Selector, HTML, как да предефинирате HTML маркер, как да използвате CSS за предефиниране на HTML таг, как да определите CSS селектор, как да определите HTML таг, как да използвате css за определяне HTML таг, CSS селектор, CSS правила, CSS определения, двойки със стойност на свойствата, как да напишете свои собствени CSS правила

Предишна Статия

Следваща Статия

Свързани Статии

компютри

Преглед на NDS Puyo Pop Fever

Април 2024

Аз съм голям фен на поредицата Puyo Pop. Това е като тетрис с обрат - вместо да падате квадрати, имате падащи Puyos, малки стърчащи с мъгляви очи! Основната идея е, че играете "тетрис", за да се...

компютри

Kwik Page Turn Animation

Април 2024

През последните няколко урока работихме върху шаблона на страницата за нашето приложение за книги Kwik. Имаме още нещо, което да добавим към шаблона, а това е линейната анимация, която емулира завой...