Учебник по HTML и CSS

HTML

CSS

Статьи

Полезное


Статьи

Основы HTML
Текст
Изображения
Ссылки
Списки
Таблицы
Формы
Фреймы
Основы CSS
Рецепты CSS
Оформление таблиц
Основы верстки
Табличная верстка
Верстка с помощью слоев
Использование слоев
Примеры верстки слоями

Рецепты CSS

Создание подчеркивания текста

Подчеркивание текста у ссылок настолько устоялось, что любое другое применение такого оформления будет с ними ассоциироваться. Но подчеркивание можно использовать разное, например, в виде пунктирной линии.

Как убрать полосы прокрутки

Описание возможностей убрать полосы прокрутки из фреймов, динамически создаваемых окон и элементов веб-страницы.

Линия возле текста

Можно по-разному привлечь внимание читателя к тексту. Например, сделать текст жирного начертания, изменить его цвет, использовать фон, нарисовать рамку. Но что если требуется не просто выделить текст, сколько отделить один текстовый блок от другого, разделить их на разные смысловые части. Вот тут использование линий и отступов просто неоценимо.

Отступы на веб-странице

Горизонтальные и вертикальные отступы от края браузера до содержимого веб-страницы встроены в браузер по умолчанию. Тем не менее, можно изменить значение этих параметров, делая отступы по желанию больше или меньше.

Декоративное подчеркивание у ссылок

У ссылок можно установить свой собственный вид подчеркивания, используя для этого графические изображения, включая и анимированные. За счет этого получаются ссылки самого разнообразного вида.

Печатаем по-умному или еще один способ защиты информации

В статье описано, как сделать, чтобы выводить на экран одну веб-страницу, а на печать ту же страницу, но несколько в ином виде.

Каждому браузеру свой стиль

В статье рассматриваются методы, которые учитывают специфику браузеров и позволяют для каждого из них загружать свой собственный стиль. Это позволяет создавать веб-страницы, корректно работающие в разных браузерах.

Волшебные кавычки

По ходу текста некоторые слова, такие как цитаты или названия книг и фильмов, приходится брать в кавычки. При этом существует несколько типов кавычек, которые применяются в зависимости от правил языка и контекста. С помощью CSS процесс добавления кавычек можно упростить и добавлять кавычки желаемого вида в нужное место автоматически.

Эффект перекатывания с помощью стилей

Эффектом перекатывания называют замену одного изображения другим при наведении на него курсора мыши. То есть, как только курсор оказывается на рисунке, картинка меняется на другую, мышь уводится в сторону и рисунок становится прежним. Обычно для создания эффекта перекатывания применяется JavaScript, но во многих случаях вполне достаточно и CSS.

Создание буквицы

Буквица является художественным приемом оформления текста и представляет собой увеличенную первую букву, базовая линия которой ниже на одну или несколько строк базовой линии основного текста. Буквица привлекает внимание читателя к началу текста, а также используется для стилевого оформления.

Подрисуночная подпись

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





На главную









  • При использовании материалов сайта ссылка на comnew.ru обязательна!