Сообщения с тегами: ‘css’

Наследование в CSS

17, Июн 2010

Верстаю сча макет сервиса.. и задумался о том как хорошо было бы иметь наследование в css. Я говорю сейчас не наследовании параметров у parent’а, а о том наследовании когда мы сами можем указать от чего наследуется елемент.

допустим есть запись:

#body ul li {
    display:-moz-inline-stack;  /*Needed Firefox*/
    display:inline-block;       /*Don't used in IE and Firefox*/
    _overflow:hidden;           /*Fix for IE6*/
    zoom:1;                     /*Turn on hasLayout*/
    *display:inline;            /*With hasLayout true display:inline behave like display:inline-block*/
}
 
#menu ul li {
    display:-moz-inline-stack;  /*Needed Firefox*/
    display:inline-block;       /*Don't used in IE and Firefox*/
    _overflow:hidden;           /*Fix for IE6*/
    zoom:1;                     /*Turn on hasLayout*/
    *display:inline;            /*With hasLayout true display:inline behave like display:inline-block*/
}

Как видим код дублируется и это крайне непритно и не функционально. А так хочется иметь что то типа:

@display_inline {
    display:-moz-inline-stack;  /*Needed Firefox*/
    display:inline-block;       /*Don't used in IE and Firefox*/
    _overflow:hidden;           /*Fix for IE6*/
    zoom:1;                     /*Turn on hasLayout*/
    *display:inline;            /*With hasLayout true display:inline behave like display:inline-block*/
}
 
#body ul li {
     @inherit(display_inline)
}
 
#menu ul li {
     @inherit(display_inline)
}
  • Комментарии выключены

Some css hacks

11, Июн 2010

Some css hacks for cross browser markup that i often use
Подробнее »

  • Комментарии выключены

Дизайн CSS

24, Авг 2009

Сегодня вот перебирал css и родилась идея верстать его в соответствии с представлением в шаблоне. Тоесть в том же порядке с той же вложенностью что и блоки html.

Довольно удобно. По крайней мере искать стили нужных блоков стало куда легче.

Подробнее »

Верстка сложных растягивающихся кнопок

11, Авг 2009

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

Подробнее »


Наверх