Удаление отступов от края страницы
Опубликовано Четверг, Февраль 23, 2012 - admin. В рубрике CSS Метки: большинстве, броузера, броузеров, отступов, присутствует, страницы, умолчанию
По умолчанию в большинстве броузеров присутствует пустое простран- ство между их рамкой и контентом страницы. Это означает, что при от- сутствии таблицы стилей разработчика текст не будет соприкасаться с границей окна броузера. Возможно, вам потребуется убрать отступы или задать их размер, не оставляя определение этого размера на усмо- трение броузера.РешениеДля ...
РешениеДля добавления отступа от элемента до края контейнера последнему нужно задать свойство padding-left, как в следующем примере:chapter02/indent.html (фрагмент)<h1>Chinese-style stuffed peppers</h1><p class=”indent”>These stuffed peppers …</p>chapter02/indent.css (фрагмент).indent {padding-left: 1.5em;}Получившийся абзац с отступом можно увидеть на рис. 2.20.ОбсуждениеДля создания отступов не стоит использовать HTML-тег <blockquote>, если текст не является в самом деле цитатой. ...
Нужно ли отображать на сайте инструменты для изменения размера шрифта или переключения между различными таблицами стилей?
Опубликовано Вторник, Февраль 21, 2012 - admin. В рубрике CSS Метки: альтернативных, необходимости, размера, стилей, страницы, только, шрифта
Вам, вероятно, встречались сайты с инструментами для увеличения или уменьшения размера шрифта, осуществляемого путем переключе- ния между таблицами стилей. В данной главе уже были рассмотрены способы создания альтернативных таблиц стилей; нужно ли добавить на сайт ссылку для переключения между ними?РешениеСоздание на сайте инструментов для изменения размера шрифта – час- то ...
На многих веб-страницах используется выделение важных терминов, например, слов, по которым посетитель пришел на сайт с помощью по- исковой системы. Такое выделение текста можно без труда организо- вать средствами CSS.РешениеЕсли отрывок текста обрамлен тегами <span> с атрибутом class, для дан- ного класса можно добавить правило стиля с помощью CSS. Например, ...
Карта сайта располагается на отдельной странице и содержит список всех его разделов. Ею можно воспользоваться в том случае, когда не по- лучается найти необходимую информацию с помощью навигационно- го меню. Кроме того, она представляет собой краткий обзор содержа- ния сайта и дает возможность перехода к заинтересовавшему разделу одним щелчком мыши.РешениеПоскольку ...
Добавление комментария в файл с каскадной таблицей стилей
Опубликовано Понедельник, Февраль 20, 2012 - admin. В рубрике CSS Метки: CSS-файлы, используется, классов, комментарии, оформления, стилей, таблица
В CSS-файлы можно и нужно добавлять комментарии (разве что, воз- можно, за исключением тех случаев, когда размещенная в них таблица стилей проста и содержит всего несколько правил). Однако при нали- чии большого количества правил стилей и при использовании несколь- ких таблиц на одном сайте комментарии приходятся как нельзя кста- ти. ...
Добавление тени к блоку
Опубликовано Понедельник, Февраль 20, 2012 - admin. В рубрике CSS Метки: background-repeat, wrapper, изображение, изображения, качестве, послужит, создания
На многих страницах можно встретить элементы, отбрасывающие тень, – чаще всего это область размещения основного контента. Добавим такую тень к макету фиксированной ширины, подобному тому, с кото- рым мы работали в разделе «Создание колонки, занимающей все до- ступное пространство по высоте».РешениеДля добавления тени к краям блока нам потребуется два изображения: ...
Как задать для документа более одного фонового изображения
Опубликовано Воскресенье, Февраль 19, 2012 - admin. В рубрике CSS Метки: background-repeat, изображе-, изображений, нескольких, применения, фоновых, элементов
Несмотря на наличие в спецификации CSS2 возможности применения к документу более одного фонового изображения, в действительности ее поддержка реализована в единственном броузере – Safari от Apple. Что же делать при возникновении необходимости в одновременном ис- пользовании двух изображений – допустим, одно используется для за- полнения всей области, а другое отображается ...
Корректное отображение в IE 8 сайта, соответствующего стандартам W3C
Опубликовано Воскресенье, Февраль 19, 2012 - admin. В рубрике CSS Метки: Explorer, Интернет, использовать, отображения, режиме, совместимости, стандартам
Как уже было сказано ранее, Internet Explorer 8 может отображать сай- ты так же, как это сделала бы его предыдущая версия, в том числе и при- сваивая части из них свойство hasLayout и вызывая множество несоот- ветствий, с которыми дизайнеры боролись на протяжении многих лет. Как удостовериться, что IE8 использует ...
Создание галереи миниатюр
Опубликовано Суббота, Февраль 18, 2012 - admin. В рубрике CSS Метки: width=”240”height=”160”, width=”240”height=”160”, альбома, изображений, изображения, помощью, список
Для отображения коллекции изображений, например фотоальбома, проще всего использовать таблицы. Однако документ, изображенный на рис. 9.47, был создан средствами CSS, что дает разработчику допол- нительные преимущества, которых нет в табличной версии. Рис. 9.47. Создание галереи изображений с помощью CSSРешениеСоздадим простой список изображений альбома и позиционируем их с помощью CSS:chapter09/gallery.html<!DOCTYPE html ...