Все о 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/