Некоторое время назад Kukutz интересовался у меня, как с помощью HTML/CSS можно верстать многоуровневые нумерованные списки «как в ворде». В тот момент мне в голову пришел только извратный вариант использования list-style-image или background-image, где нумерация типа «1.3.» задавалась бы графикой. Дурацкая идея, конечно.
HTML-верстка
CSS: советы и приёмы, часть 2
В этой части я дам тебе несколько советов, содержание которых включает в себя группирование селекторов, горизонтальное выравнивание текста, импортирование CSS и ещё несколько проблемных вопросов. Если ты чего-то здесь не нашёл, попробуй почитать первую часть.
CSS: советы и приёмы, часть 1
Поскольку я широко использую CSS на протяжении 2х лет, мне запомнилось несколько приёмов, которые делают CSS более эффективным инструментом и решают специфические проблемы. Мне бы хотелось поделиться моими любимыми CSS-приёмами и объяснить несколько самых частых ошибок, которые совершают новички. Если у тебя есть опыт работы с CSS, то скорей всего на твоём пути уже встречались эти советы и приёмы, но кто знает, вдруг найдётся парочка новых.
С самого начала планировалось написать всё в одной статье, но советов становилось больше, и поэтому я разделил всё на две части для более легкого усвоения этого материала. Читать далее »
Разворачивание и сворачивание слоя
Физиология человеческого восприятия работает таким образом, что «быстрые» объекты просто не успевают восприниматься сознанием. Мозгу требуется определенное время, чтобы идентифицировать объект, понять его предназначение и усвоить информацию, которую он несет. С учетом этой особенности работают операционные системы, они отображают окна не мгновенно, а с некоторой задержкой, которая приходится на анимацию. Такого рода анимация называется «разворачивание окна» и состоит обычно в том, что окно словно прячется за невидимыми шторками, которые раздвигаются в стороны, постепенно показывая содержимое окна. Разворачивание может происходить по горизонтали, вертикали или сразу в двух направлениях. Аналогично совершается и сворачивание окна, но в этом случае информация скрывается. Читать далее »
Власть народу — относительные размеры шрифтов
Относительные размеры шрифтов делают сайты более удобными для чтения — но польза от этого не велика, если посетители сайта не знают, как реально изменять размеры текста. В Internet Explorer, наиболее распространенном на данный момент браузере, эта возможность спрятана в одном из меню второго уровня, из-за чего изменение размера текста становится чересчур сложной задачей для многих пользователей. Эта задача намного упростится, если на страницах сайта присутствуют кнопки, позволяющие быстро изменить размер шрифта. Читать далее »
Выпадающие меню с помощью CSS
Каждый, кому доводилось создавать выпадающие меню, знаком с тем, какое количество скриптов требуется для этого. Между тем, используя грамотно структурированный HTML-код и несложные CSS-правила, можно создать симпатичное выпадающее меню, которое легко менять и дополнять, и при этом оно будет работать во множестве браузеров, в том числе и в Internet Explorer. И самое главное для вас, любители «чистого» кода — никакого JavaScript! (На самом деле, небольшой скрипт все же необходим, но вовсе не для того, о чём вы подумали.)
Вот пример действующего меню. Читать далее »
Сокращение времени загрузки страниц с помощью CSS
Несмотря на всё большее распространение широкополосного доступа к Интернету, проблемы скорости загрузки HTML-страниц всё ещё не безразличны многим пользователям Сети, особенно на просторах бывшего Союза. CSS (Cascading Style Sheets) может помочь в этом деле, сэкономив нам время и трафик.
1. Избегайте использования таблиц для разметки страницы Читать далее »
Несвоевременные мысли о CSS
Краткое содержание
Задача: воспроизвести с помощью CSS основную страницу WebReference. Инструменты: CSS и много свободного времени.
Kwon Ekstrom предложил свою CSS версию главной страницы
Чем CSS хорош для поисковых машин?
CSS используют, чтобы управлять элементами страницы, например цветом и шрифтом в тексте.
Если вы никогда не сталкивались с CSS, то самое время начать его изучать. Для начала я расскажу вам о нескольких преимуществах CSS, которые касаются большинства поисковых машин.
И так, чем же хорош CSS? Читать далее »
CSS Design: Укрощение списков
Помню как в июле 1999 года я просвещал людей в мейл-листах о прелестях стилевой вёрстки. С тех пор мало что поменялось.
Впрочем, кое-что поменялось. Поменялся мой взгляд на CSS и на (X)HTML, который выступает в роли каркаса для стилей. Например, я обнаружил, что большинство страниц содержат панель навигации. Чаще всего она оформляются как простая текстовая строка со ссылками, разделенными тегами <DIV> или <P>. Структурно же они представляют собой списки ссылок, и следовательно должны оформляться как таковые.
Читать далее »