Профиль пользователя заблокирован сроком с 27 июня 2014 г. и навсегда по причине: Мат в ответах
Ответы пользователя по тегу CSS
  • Как исправить проблему в стиле кода?

    @goodknight
    Создать селектор для слайдшоу и применить эти правила только для него
    Или создать селектор для формы и написать, чтобы только для формы эти правила не применялись. С помощью псевдокласса :not

    *:not(.form-selector),
    *:after:not(.form-selector),
    *:before:not(.form-selector) {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    }
    Ответ написан
    6 комментариев
  • Настройка отступов в CSS

    @goodknight
    Скорее всего, проблема в стилях браузера с префиксами, у меня было такое, для Chrome & Safari & Opera что-то вроде :

    -webkit-margin-after: 0.8em
    -webkit-margin-before: 0.8em


    В FireFox другой.

    И еще, если это чистый hand-coding и где-то есть margin, возможно, возник collapsing margin

    Больше ничего сказать не могу, т.к. кроме кода ничего не вижу.
    Ответ написан
    Комментировать
  • Книга по CSS с трюками для улучшения вёрстки?

    @goodknight
    Трюки с CSS не улучшат ваши навыки в верстке.

    Лучше их сделает непосредственно работа над макетами, шаблонами, кросс-браузерностью и респонсив версткой, а также чтение на досуге w3c рекомендации, а также code-review других верстальщиков и опыт.

    Трюки с CSS могут иногда выручить, можно с ними поиграться, но, как показывает практика, трюки с CSS как-раз таки вещь, которая, наоборот, ухудшает качество вашего кода, потому что в большинстве случаев эти трюки работают не во всех браузерах и вообще.

    Ими можно пользоваться очень редко на проектах, а чаще всего лучше играться с ними на codepen и в своих личных блогах, показывая своим друзяшкам, что вы умеете делать на ЧИСТОМ ЦСС.
    Ответ написан
    Комментировать
  • Изменить стиль блока, не меняя родительские и дочерние, имеющие точно такой же class (CSS)

    @goodknight
    Тут только JavaScript
    JSFIDDLE

    И немного CSS изменил, добавив

    .hover .block{
        color: black;
    }


    Без него меняется цвет шрифта всех элементов, (был бы красным текст всех дочерних элементов, но рамка была бы черной)

    Но это, конечно, костылек, потому что не надо делать средствами JS то, что должен делать HTML + CSS.
    Ответ написан
    Комментировать
  • Как реализовать статическое позиционирование?

    @goodknight
    Еще это можно реализовать просто способами jQuery.
    Есть еще jQuery Waypoints, который умеет делать много чего, не только то, что stickyjs.com, а намного больше.
    Ответ написан
    Комментировать