Все записи с тэгом из блога: CSS

Фев
25

Для вывода пользовательского атрибута оборачиваем имя переменной в фигурные скобки. LESS .attr(@attr, @val) { @{attr}: @val; } 123 .attr(@attr, @val) {  @{attr}: @val;} Хелпер, который не нужно компилировать можно записать как функуию и вызвать в примеси без скобок. Если же хелпер должен скомпилироваться и выступать в качестве css хелпера, то он объявляется как класс, а не как функция. LESS .left() { float: left; } div { .left; } 123456 .left() {  float: left;}div {  .left;}

Авг
11

Ряд методик для вертикального выравнивание текста и блоков с помощью CSS http://blog.themeforest.net/tutorials/vertical-centering-with-css/ http://habrahabr.ru/post/189696/ С помощью flex тоже можно, но поддерживается только современными браузерами.

Мар
11

Начал сегодня верстать шаблон для ВП и пришла в голову такая идея использования вложенных css селекторов. Писать цепочку выборки из 2 селекторов, а бывает и 3 (больше 3 очень редко) не совсем может быть экономично в отношении времени разработчика и износа клавиатуры ). Т.е. почему бы вместо:

Янв
18

Столкнулся с небольшой проблемой выравнивания текста в поле input в браузере Google Chrome. Во всех остальных браузерах поле отображается так, как я хочу. Но в Хроме происходит интересное явление, если посмотреть DOM инспектором в Хроме, то и стили вроде бы к элементу применились нормально, но текст отображается криво, он почему-то выходит за рамки элемента.

Мар
24

При верстке шаблона столкнулся с багом в браузере Opera. Указываю абсолютно спозиционированному элементу z-index больше, чем у основго блока. А у родителя есть рамка указанная с помощью outline. Рамка в Опере отображается поверх блока с указанным z-index. Выглядит это в Опере так: Как с этим бороться я не знаю. Придется наверное указывать border вместо outline.

Окт
27

Всегда долго искал информацию об expression в CSS, знал что это такое, но никогда не применял. Expression в CSS — это что-то вроде javascript кода, который пишется прямо в css файле, для оформления стилей и применяется для браузера internet explorer. Гадость еще та, но чтобы снова не искать как это делается решил себе в блок скопировать строчку кода