Сегодня я хотел бы рассказать о том, как можно сделать необычную с точки зрения визуализации ссылку с использованием CSS и тэга <span>...</span>.
Тег <SPAN> предназначен для определения встроенных
элементов документа. В отличие от блочных элементов, таких как <TABLE>, <P> или <DIV>, с помощью тега
<SPAN> можно выделить часть информации внутри других
тегов и установить для нее свой стиль. Например, внутри параграфа (тега <P>)
можно изменить цвет и размер первой буквы, если добавить начальный и конечный
тег <SPAN> и определить для него стиль текста. Чтобы
не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу
стилей, а для тега добавить параметр class или
id с именем селектора. - www.htmlbook.ru.
Скажем, у Вас есть URL как этот: www.mastersite.org.ua
Визуально ее можно разделить на блоки примерно так: www.mastersite.org.ua
Тем самым мы подчеркиваем в ссылке необходимое нам слово и акцентируем на нем внимание.
Ниже я привожу пример как можно при помощи CSS стилей сделать эту ссылку.
a span {
color: #971212;
}
Данный код устанавливает свой стиль части текста в нашей ссылки.
Многие из нас встречали сайты, на которых есть своеобразный “вход” или же “Intro” который расположен строго по центру экрана и нам предлагается либо выбор языков либо быстрый переход на необходимый раздел.
Сегодня я хотел бы рассказать Вам как при помощи CSS сделать наш элемент отцентрированным точно в середине экрана, то есть, и вертикально и горизонтально сосредоточенным.
Достаточно редкий прием использования CSS - воздействие на регистр отображаемых символов. Для тех, кто не в курсе, регистр символов характеризует их заглавное свойство. Говоря проще, символы в верхнем регистре - это ЗАГЛАВНЫЕ, т.е. большие символы, а символы в нижнем регистре - это строчные, т.е. маленькие буквы.
