Заметки о вёрстке сайтов  ·  Александр Шуркаев об HTML, CSS и JavaScript (скрипты, справочники и примеры по сайтостроению)

CSS

/* Заметки, посвящённые каскадным таблицам стилей */

  1. Изменение вида кнопки у input type=file и вида select'а 14 октября 2004 г.
    Как с помощью CSS изменить внешний вид элементов формы input type=file и select?
  2. Прячем счётчики статистики 23 мая 2004 г.
    По тем или иным причинам, код счётчиков систем интернет-статистики зачастую приходится скрывать на странице. Оставим в стороне правомерность этого действия и рассмотрим способы сокрытия.
  3. Списки a la MS Word 4 октября 2003 г.
    Как с помощью HTML/CSS сделать многоуровневые нумерованные списки? Есть решение!
  4. Реальные деньги от продажи ссылок на ваших сайтах
    Рекламный сервис Sape позволяет получать дополнительный пассивный доход владельцам веб-проектов. Посещаемость сайтов не важна, пробуйте прямо сейчас!
  5. Кроссбраузерное выравнивание по центру (table height=100%) 30 июня 2003 г.
    Как добиться в IE, Mozilla и Opera выравнивания текста по центру документа с помощью тега table и атрибута height?
  6. Оформление гиперссылок, открывающих новое окно 2 июня 2003 г.
    Зачем подобным ссылкам может понадобиться оформление, отличное от остальных ссылок? Потому, что эти ссылки открываются в новом окне, и пользователь должен быть готов к такому повороту событий.
  7. Сокращённые формы записи (font, margin, padding и пр.) 22 января 2003 г.
    Вроде бы всё просто в использовании краткой записи CSS свойств, но тем не менее есть некоторые подводные камни.
  8. HTML свойство disabled и его стилевые особенности 9 января 2003 г.
    Возможно ли с помощью стилей установить другой цвет для заблокированных (disabled) полей формы?
  9. Свойство white-space: теги PRE и NOBR в одном флаконе 20 августа 2002 г.
    Нам зачастую приходится контролировать пробелы и переводы строк (whitespace) с помощью тегов pre, nobr и табличного свойства nowrap. Но всё это можно совместить в одном справочном CSS свойстве white-space.
  10. Ссылки а-ля ячейки в HTML таблицах 4 июля 2002 г.
    Как сделать на CSS «кликабельные» вертикально и горизонтально расположенные ссылки-ячейки?
  11. Интерфейсное свойство cursor 28 апреля 2002 г.
    Курсор — один из самых важных элементов интерфейса. До появления CSS Level 2 при всём желании у вас не было возможности влиять на его внешний вид. Теперь свойство CSS cursor даём вам контроль.
  12. Тонкости реализации конструкции !important 18 декабря 2001 г.
    Объявление !important в таблице стилей пользователя делает документы более доступными. С помощью !important пользователь имеет возможность справиться с теми сайтами, которые совершенно о нём (пользователе) не заботятся.
  13. Кегль шрифта в пикселах в Netscape Navigator 4 29 ноября 2001 г.
    Вообще, задавать в таблице стилей кегль шрифта в абсолютных единицах плохо. Это значительно затрудняет восприятие текста разными пользователями. Но иногда приходится приносить юзабилити в жертву эстетике.
  14. Свойство table-layout ускоряет загрузку сложных таблиц 27 октября 2001 г.
    Традиционно браузер сперва загружает табличный макет (включая сам контент), вычисляет необходимые размеры ячеек, а потом только отображает таблицу на экране. А поскольку сайты всё ещё обычно верстаются по-старинке, т. е. с применением таблиц, а не с помощью DIV'ов, то свойство table-layout со значением fixed может значительно уменьшить время загрузки страницы.
  15. Цветовые особенности свойства text-decoration 19 октября 2001 г.
    Как получить подчёркивание одним цветом, а саму ссылку сделать другого цвета? В справочнике такого нет.
  16. «Боксовая» модель в Internet Explorer 6 3 октября 2001 г.
    Я уже писал о проблемах реализации «боксовой» модели на практике. Но недавно я столкнулся с ещё одной закавыкой, которую придумали нам разработчики Internet Explorer…
  17. Применение нескольких классов к элементу 29 сентября 2001 г.
    Частенько случается ситуация, когда к элементу хотелось бы применить не один, а сразу два (а иногда и три) класса. Как быть?
  18. Проблемы точного позиционирования 15 сентября 2001 г.
    Если вам доводилось с помощью CSS позиционировать на странице элементы, то вы могли заметить, что Internet Explorer 5 PC некорректно реализует рекомендации W3C в плане «боксовой» модели.
  19. Регистрозависимость значений ID и CLASS 12 сентября 2001 г.
    В каком регистре лучше писать значения атрибутов id и class?
  20. @import — панацея от багов 1 сентября 2001 г.
    Конструкция @import аналогична тегу link и позволяет связать HTML документ с таблицей стилей. Но есть один нюанс — Netscape Navigator 4 эту конструкцию не поддерживает.
  21. Рамки и фон в Netscape Navigator 4 24 июня 2001 г.
    Фоновый цвет, заданный у блочных элементов, не полностью покрывает эти элементы в Netscape Navigator 4. Как добиться необходимого результата?
  22. Генерация контента свойством CONTENT 20 июня 2001 г.
    Прелесть свойства content в том, что вы можете вставлять в текст документа заданную вами строку (без HTML тегов) или, согласно спецификации, любой указанный с помощью конструкции URL(…) документ.
  23. Внешние стили в Netscape Navigator 4 16 июня 2001 г.
    Проверяйте наличие всех связанных таблиц стилей. Кроме того, иногда в HTML странице следует указывать абсолютный путь к CSS файлу, иначе Netscape Navigator его не найдёт.
  24. Псевдоэлементы и псевдоклассы 7 июня 2001 г.
    Псевдоэлементы (pseudo-elements) и псевдоклассы (pseudo-classes) в ограниченном количестве появились ещё в CSS Level 1. В CSS Level 2 они были переработаны, и их стало больше.
  25. Берегите зрение, товарищи! 6 июня 2001 г.
    Технология CSS появилась сравнительно давно. И нельзя не отметить, что очень многие сайты с успехом используют её. Другое дело, что не всегда это на благо. Прежде всего это касается указания в таблице стилей размеров шрифтов.
  26. Netscape Navigator 4 и HTML таблицы 6 июня 2001 г.
    Общеизвестный факт, что Netscape Navigator 4 весьма посредственно соответствует спецификациям CSS Level 1 и CSS Level 2. Не исключением является и та манера, с которой сей браузер воспринимает стили в таблицах и HTML код, идущий после таблиц.
Обучение эффективным продажам проведет консалтинговая группа "Конструктор кадровых решений"
LiveInternet