HTML и CSS приемы

19 слов о разделе:

  • масса проверенных техник и приемов
  • четкая логическая структура
  • рабочие примеры
  • понятный, "легкий" текст
  • детали и нюансы применения
  • экономия времени
  • Фигуры с углами на CSS

    добавлено 18.11.2010

    CSS фигурыО том как только лишь средствами HTML и CSS (без картинок, SVG, canvas) можно рисовать углы.

  • Вставка спецсимволов в генерируемый контент

    добавлено 18.11.2010

    Используя псевдоэлементы :after и :before можно вставлять автоматически генерируемый контент до и после элемента HTML. Но если в контенте встречаются спецсимволы, то нужно помнить о некоторых особенностях их вставки.

  • CSS треугольники

    добавлено 17.11.2010

    треугольник средствами CSSО том как нарисовать треугольник средствами CSS.

  • Долой отступы между строчными элементами (и блоками)

    добавлено 12.11.2010

    Поставь несколько строчных элементов (или строчных блоков) подряд и между ними, как по волшебству, образуется небольшой, но очень вредный отступ — убрать его достаточно трудно. Но можно. Чем и займемся в данной статье.

  • Отменяем обтекание текстом картинки

    добавлено 05.11.2010

    Сверстать блок, состоящий из картинки и текста, причем текст не должен обтекать картинку. Дополнительное условие: ширина ни текста, ни картинки строго не определена. При отсутствии картинки текст занимает всю отведенную ширину.

  • -moz-box-shadow и -moz-border-radius - это кошмар CPU

    добавлено 04.11.2010

    css3, firefox и cpuВендорные CSS свойства -moz-box-shadow и -moz-border-radius основательно нагружают процессор. Будем с ними на стреме.

  • IMG: меняем рисунок при наведении

    добавлено 28.10.2010

    Одна из часто встречающихся задач при верстке — смена фона элемента при наведении мыши. А что если нужно менять не фон а рисунок в img? Как это сделать средствами CSS, без скриптов? Материал был дополнен двумя приемами, позволяющими обойтись без expression, при условии, что контейнер — ссылка.

  • IMG внутри блока — убираем странный отступ

    добавлено 22.10.2010

    аномальный отступЛечим странный отступ, который рисует большинство браузеров если разместить img внутри блочного элемента

  • Box-sizing: переключаем блочную модель

    добавлено 22.10.2010

    CSS3 свойство box-sizing позволяет выбирать принцип расчета размеров блока. Как же это можно использовать на практике?

  • Два в одном: позиция + размеры

    добавлено 15.10.2010

    Иногда так хочется написать что-то вроде height: 100% - 20px; а нельзя! Или все-таки можно?

  • inline-block: простое свойство для непростых задач

    добавлено 12.10.2010

    inline-block совмещает в себе возможности блочных элементов (block) и некоторые особенности поведения строчных (inline). Преимуществом такого симбиоза можно и даже нужно пользоваться.

  • Проблемы с border-radius

    добавлено 11.10.2010

    Как оказалось, реализация поддержки этого свойства браузерами пока оставляет желать лучшего: есть некоторые проблемы при использовании border-radius.

  • На одну картинку меньше. Спецсимвол ×

    добавлено 07.10.2010

    Избавляемся от лишней картинки — заменяем крестик на спецсимвол ×

  • Центрирование картинки в блоке

    добавлено 29.09.2010

    Еще один метод выровнять картинку в пределах блока с фиксированным размером

  • Правильные анонсы новостей

    добавлено 28.09.2010

    Простое и изящное решение для разметки анонсов новостей.