Style

Един от начините да прибавите стил към страницата, е да го зададете вътре в някой HTML елемент. Това става като прибавите атрибута STYLE="" към HTML елемента. Обичайно това става по следния начин:

STYLE=“свойство: стойност“

Ако не разбирате, за какво става дума вижте следния пример. Да кажем, че искате цветът на текста за елемента <P> да е червен:

<P style=“color: red“> Аз съм червен текст, благодарение на CSS. </P>

Ето какво ще получите:
Аз съм червен текст, благодарение на CSS.

  • Естествено може да зададете и повече от едно свойство в атрибута STYLE. Например:

<P style=“color: red; font-weight: bold; font-family: Arial“> Удебелен шрифт Arial.</P>

Сега имаме удебелен, червен текст с шрифт Arial:

Удебелен шрифт Arial.

  • Може да добавяте колкото искате свойства в STYLE атрибута, стига да отделяте всяко с точка и запетая.

Задаване на стил в главата (<HEAD>) на HTML документа.

Задаването на стил става чрез <STYLE></STYLE> елемента. Ето един пример на стил за елемента <SPAN>:

<HEAD>
<STYLE>
<!– SPAN { color: red; font-weight: bold } –>
</STYLE>
</HEAD>

Както виждате, непосредствено след <STYLE> тага, слагаме знак за HTML коментар. Той скрива съдържанието на стила от браузърите, които не го разпознават.

Сега вижте този ред:

SPAN { color: red; font-weight: bold }

Той казва на браузъра, че текста във всички <SPAN></SPAN> тагове на вашата страница ще червен и удебелен. Запомнете, че когато се декларира стил за някой HTML елемент, чрез <STYLE></STYLE>, не се използват знаците за по-малко и по-голямо – < >. Така <SPAN> става SPAN, <P> става P, <TABLE> става TABLE и тн. Освен това не изпозваме знакът за равенсво и кавички – =““, за да зададем свойствата. Вместо това ги заграждаме в скоби – { }. Свойствата в скобите са отделени с точка и запетая – ; , както при STYLE атрибута.

Сега, след като имате горния пример в главата на HTML страницата, просто използвате <SPAN></SPAN>, за да направите текста удебелен и с червен цвят:

<SPAN>
Червен, bold-ван текст,
</SPAN>
следван от обикновен текст. <BR> <BR>
<SPAN>
Отново bold и червен.
</SPAN>

Червен, bold-ван текст, следван от обикновен текст.
Отново bold и червен.

Вашият коментар