Видеокурс по созданию сайтов | Оформление аббревиатур. Приемы CSS

Видеокурс

Доступность и привлекательность текста

Комментарии к видеоурокам

Урок #18.Оформление аббревиатур.
6 минут
Работа со сложносокращенными словами

Шестиминутный видеоурок посвящен оформлению слов, которые образованы из начальных букв/звуков слов. Например, вы наводите курсор мыши на слово CSS (при этом появляется знак вопроса) и получаете расшифровку — Cascading Style Sheets и перевод этих слов — каскадная таблица стилей.

Впрочем, это легко объяснить и без видео. HTML-код:
<acronym title="Cascading Style Sheets, каскадная таблица стилей">CSS</acronym>.

В таблице стилей добавить правило:

acronym {
border-bottom: 1px dotted; <!--Подчеркиваем точками -->
cursor: help; <!--Добавляем курсор с вопросительным знаком-->
font-weight: bold; <!--Выделяем жирным шрифтом-->
}

Расход времени на оформление одного слова — несколько секунд. Достаточно сделать это один раз, создать сниппет и вставлять его по мере необходимости одним щелчком нажатия мыши.

Теперь я так оформляю не только аббревиатуры, но и любые специальные слова, которые требуют пояснения.

Статьи
Блочная верстка сайтов
Контент для сайта