| Контейнер для стилей |
|---|
|
Целиком стиль страниц Ли.ру мы изменять не можем, но нам вполне по силам устанавливать свой стиль для отдельных частей текста. Тег SPAN предназначен для определения встроенных элементов документа. Иначе говоря, элемент SPAN определяет контейнер для внутреннего стиля. В отличие от блочных элементов, таких как TABLE, P или DIV, с помощью тега SPAN можно выделить часть информации внутри других тегов и установить для нее свой стиль. Например, внутри параграфа (тега P) можно изменить цвет и размер первой буквы, если добавить начальный и конечный тег SPAN и определить для него стиль текста. Синтаксис: <span>...</span> |
| Вот несколько примеров применения этого тега: |
| <span style="color:red;text-decoration:line-through;"><span
style="color:black">ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ</span></span> ЧЕРНЫЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ |
|
<span style="color:YELLOW;text-decoration:line-through;"><span
style="color:BLUE">СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ ЛИНИЕЙ</span></span> СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ ЖЕЛТОЙ ЛИНИЕЙ |
|
<span style="color:darkorange;text-decoration:underline;"><span style="color:brown">КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ ЛИНИЕЙ</span></span> КОРИЧНЕВЫЙ ТЕКСТ ПОДЧЕРКНУТ ОРАНЖЕВОЙ ЛИНИЕЙ |
| <span style="border:1px solid darkgray;"><span
style="color:orange;">ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ РАМКЕ</span></span> ОРАНЖЕВЫЙ ТЕКСТ В СЕРОЙ РАМКЕ |
|
ЗЕЛЕНАЯ ССЫЛКА<a href="http://www.liveinternet.ru"
style="color:red;text-decoration:underline;"><span style="color:green;"> на liveinternet.ru </span></a>ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ ЗЕЛЕНАЯ ССЫЛКА на liveinternet.ru ПОДЧЕРКНУТА КРАСНЫМ ЦВЕТОМ |
|
<span style = "font-size: 100px;"><FONT FACE="Comic Sans MS"><FONT COLOR="#FF0000">С</FONT></FONT></span>коро сказка сказывается... Скоро сказка сказывается... |
|
<span style = "font-size: 100px;"><FONT FACE="Monotype Corsiva"><FONT COLOR="#0000FF">Д</FONT></span>а не скоро дело делается...</FONT>
Да не скоро дело делается... |
|
NB В зависимости от того, пропишем мы второй закрывающий тег </font> или нет, текст после нашей "буквицы" будет набран таким же шрифтом или вернется в свое исходное состояние, обусловленное стилем страницы. Во втором предложении я поставила этот тег только после многоточия, а в первом, как видите, после буквы С. |
| Манипуляции с курсором |
|---|
С помощью стилей можно переопределить вид курсора и выбрать один из доступных вариантов.
Код: <font style="cursor:move">Наведите курсор на текст! Это move.</font> Также можно задать разный вид курсора для отдельных областей веб-страницы, используя теги DIV или SPAN: Код: <span style="cursor:crosshair">На этом тексте курсор примет вид перекрестья.</span> Ну а если вы хотите сделать ваш курсор совершенно оригинальным, можно прописать в его стиле адрес картинки - подвижной или статичной, с расширением .cur, .ani. И тогда код будет выглядеть так:
|
