Все о CSS

Разрешите считать первую статью открытой? ;) Благодарю!

Для начала, что есть CSS?
Cascading Style Sheets (каскадные листы стилей).
Нужны они, дабы украсить скучную web-страничку, и облегчить жизнь web-кодерам.

В данной статье я хочу показать, как можно использовать некоторые возможности CSS прямо в (x)HTML-тексте.

Теги языка (x)HTML помимо основных атрибутов, информацию о которых можно получить из любой книги по HTML, допускают использование атрибута style.
Зная это, попробуем сотворить что-нибудь со стандартным тегом a
Имется простая ссылка:
<a href="http://visavi.net/">visavi.net</a>
которая выглядит так: visavi.net

Для начала, меняем цвет ссылки на красный:
<a href="http://visavi.net/" style="color:#00FFFF">visavi.net</a>
visavi.net

Хорошо! Но было бы неплохо ещё и сменить цвет фона, на котором расположена ссылка. Легко:
<a href="http://visavi.net/" style="color:#ff0000; background-color:#00cccc">visavi.net</a>
visavi.net

Для завершения картины не хватает лишь рамочки.
<a href="http://visavi.net/" style="color:#ff0000; background-color:#00cccc; border:2px solid #ffff00;">visavi.net</a>
visavi.net
(!) Кстати, на моём SE K500i рамки не видно. Но в Опере, IE и Mozilla идёт на ура!

"Какая красота", как сказал бы Гришковец!

Данный приём можно применить почти к любому тегу.

Однако и тут есть несколько минусов. Таким способом нельзя, например, определить вид ссылок на всей странице. Кроме того, в случае смены дизайна, придётся менять ВСЕ значения атрибута style.
Данных недостатков лишены внешние и внутренние листы стилей. Но это тема для одной из следующих статей.
---
P.S.: Как видно, основное преимущество CSS то, что его можно использовать прямо в том месте, где необходимо!
Данная статья разрешена для публикации только на http://visavi.net/