В типографических изданиях очень часто можно встретить буквицу – выделенную по размеру и цвету первую букву первого абзаца. Красиво так смотрится… Вот бы к себе такую на сайт! Некоторые ограничиваются использованием рисунков, но вдруг посетитель отключил показ картинок. Тогда не будет ни буквицы, ни красоты: от нее останется только пустой квадратик. Решением проблемы становится применение CSS. Читать далее »
Главная » Записи с тегом "псевдо-элемент"
Рубрики с меткой ‘псевдо-элемент’
Опубликовано в рубрике Разное 
Метки: first-letter, HTML, Программирование для Web, псевдо-элемент 
Комментариев нет »Минимальная ширина абзаца в резиновом макете
Июнь 19th, 2012 
Archi Плавающая картинка отнимает горизонтальное пространство у текста, который обтекает вокруг неё. В макетах фиксированной ширины вы можете проверить, что место, которое вы оставили для текста, достаточно для создания хорошо выглядящей колонки, будучи уверенным, что все остальное увидят то же самое.
В резиновых макетах, однако, у вас нет такой гарантии. Если пользователь просматривает ваш сайт на маленьком устройстве, горизонтальное пространство, которое вы выделили для текста, может вмещать только одно-два слова на строку. Такая узкая колонка текста не просто выглядит уродливо, она еще и непрочная. Предложение, которое содержит длинное слово разорвётся, когда длинное слово перейдёт вниз под плавающую картинку. Оно оставит за ним пустое место.
Опубликовано в рубрике HTML-верстка Метки: медиа-запросы, параграф, псевдо-элемент, резиновый макет, ширина абзаца Комментариев нет »