Персонализиране на HTML маркери с CSS правила - Изборът на HTML
Една от причините 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).