[css] Заметки с меткой «css»
Вы находитесь здесь:

Заметки с меткой «css»

  • CSS-спрайты и расход памяти

    • 2009-06-23

    Серьёзнейшая проблема CSS-спрайтов — потребление памяти. Неаккуратно созданное изображение-спрайт впустую расходует невероятное её количество.
    Vladimir Vukićević

  • TopStyle 4 (+)

    TopStyle 4 — финальная версия известнейшего Windows-редактора CSS- и HTML-кода, созданного одним из разработчиков популярного в своё время HTML-редактора HomeSite.

    Разработкой TopStyle в настоящее время занимается Стефан ван Эс, не так давно перекупивший TopStyle у Ника Бредбери.

    Среди новшеств TopStyle 4 — долгожданная поддержка Unicode и ряд других возможностей.

  • Ещё один день без стилей

    Как ни странно, прошёл уже год после предыдущего CSS Naked Day, являющего собой славную традицию ежегодного отключения стилей сайта с целью продемонстрировать преимущества семантической HTML-разметки. Снова присоединяемся, и снова — только в блоге.

  • {overflow: hidden} и {position: relative} в IE

    В IE абсолютно (position: absolute) или относительно (position: relative) позиционированные блоки имеют обыкновение игнорировать правило {overflow: hidden} содержащего их элемента и преспокойно выступать за пределы его границ.

    Для решения этой проблемы достаточно задать относительное позиционирование (position: relative) самому контейнеру. Приведённый пример это иллюстрирует.

    CSS:
    /* дочерний элемент */
    #child {background: #ссс; position: relative; top: -25px; }

    /* содержащий его контейнер */
    #parent {overflow: hidden; position: relative; height: 50px; }
    HTML:
    <div id="parent"><div id="child">example</div></div>

  • 5 советов по XHTML/CSS-вёрстке (+)

    В рамках своеобразной эстафеты, открытой Никитой Селецким и переданной мне Александром Исаковым (UGgallery), публикую 5 небольших практических рекомендаций, касающихся XHTML/CSS-вёрстки и в данном блоге ранее не озвученных.

  • Переменные в CSS

    • 2008-04-09

    Дэниэл Глазман (Disruptive Innovations) и Дэвид Хайат (Apple, Inc.) предлагают готовое проработанное дополнение к спецификации CSS, определяющее крайне востребованный в современной вёрстке веб-страниц механизм использования переменных в CSS. Синтаксис прост:

    @variables {myBg: #555; mycolor: #fff; }
    #myElement {background: var(myBg); color: var(myColor); }

    Что из этого выйдет, покажет время, но Дэниэл, насколько известно автору этих строк, тесно связан с Mozilla, а значит, браузера, где потенциально может быть внедрена такая функциональность, уже два: Firefox и Safari. Более того, тема переменных в CSS уже поднималась в рабочей группе по разработке CSS, куда, насколько известно автору тех же строк, входит и Дэниэл, что дополнительно обнадёживает.

  • День без стилей?

    • 2008-04-09

    Да легко. Но только в блоге. Незачем пугать людей не в теме. ;-)

  • CSS: % + em

    Если кто не в курсе. Следующее простое CSS-правило:

    HTML {font-size: 100.1%; }

    решает сразу две проблемы:

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

    После добавления этого правила можно использовать единицы em сколько влезет.

  • Stylish — управление пользовательскими таблицами стилей (+)

    • 2006-02-24

    Stylish — расширение для браузера Firefox, открывающее возможность использования так называемых per-site user styles — индивидуальных пользовательских таблиц стилей для каждого отдельного сайта, применяемых при посещении соответствующих сайтов автоматически.

  • Эмуляция наследования размера шрифта таблицами в IE 5.x

    • 2006-01-05

    Как известно, таблицы в IE 5.x даже при указании полного DOCTYPE (просто потому, что IE 5.x понятия о нём не имеет) не наследуют размер шрифта от родительского блока.

    Это может вызывать проблемы при использовании относительных размеров шрифтов в целом и различия размера шрифта внутри таблиц в IE 5.x (где размер шрифта таблицами не наследуется) и браузерах с поддержкой web-стандартов (где размер шрифта наследуется) в частности.

    Тем не менее, недостаток этот легко устраняется при помощи следующего CSS-правила:

    TABLE {font-size: 100%; }

© 2001—2010 Марат Таналин (http://TANALIN.com/)

Перепечатка любых материалов сайта в любом объёме запрещена

Статистика
  • Рейтинг@Mail.ru