Автор: DarkneZ [StopMOD.Ru]
Проверен: Opera, Mozilla, Safary, Chrome
в IE все не так...

Суть в том что при наведении текст поворачивается на определенный градус изменяя цвет и фон (в виде закругленного прямоугольника )

Вот иногда бывало время сверстаешь сайт, с иголочки всё, протестишь во всех браузерах, и всё кажется в ажуре и шоколаде. Но вот в Firefox в глаза попадает следующая вещь – вокруг некоторых ссылок или изображений при клике/выделении появляется уёбищная сволочная неприятная пунктирная рамка, которая портит весь тот самый ажур и шоколад.

Данная вещь существует не только в Firefox, но и в некоторых Internet Explorer’ах. Ну назвать её раздражающей это мало. Однако. Однако убирается она всего лишь одной строкой в CSS...

Шастая по форумам наткнулся на то, что до сих пор возникает вопрос, что делает padding, а что margin, и какие отличия между ними. Именно поэтому я решил напомнить об этом. Итак, не прибегая к заумным фразам поставим задачу и разберём пример, на котором всё станет ясно.

Задача: на странице нужен блок красного цвета (200х200 пикселей), который отступает от краёв браузера сверху и слева на 40 и 70 пикселей соответственно, и текст внутри которого отступает слева и сверху на 40 пикселей.

Решение:...

При вёрстке контейнерами (div’ами) иногда возникает проблема двойного отступа margin – то есть, например, мы указываем отступ 10px, а в ie6 он отображается на все 20px. Проблема возникает в случае, когда контейнеру указано свойство float и в ту же сторону делается margin. Как решить эту проблему?

На самом деле всё очень просто. Есть два пути решения. Первый, возникающий сразу же – воспользоваться условными комментариями или css-хаками. Тогда код будет выглядеть как...

Наверняка многие знают, что такие элементы формы как select, file, checkbox, radio не поддаются стилизации средствами CSS. Но как же быть, если нерадивый дизайнер в макете дизайна нарисовал поле checkbox в форме стилизировным под общий дизайн сайт, а заказчик на отрез не хочет принимать дизайн без формы ввода данных идентичной макету дизайна.
Вот здесь и пригодиться описанный ниже метод. Суть метода состоит в том, что элемент checkbox делается невидимым, но невидимым не простым присвоением display:none, а через свойство opacity:0
Таким образом, элемент находиться на странице, остается кликабельным, но полностью прозрачный, таким образом, невидимый. А в блоке, в котором находиться checkbox задается бекграунд с картинкой, на которой изображено, как должен выглядеть измененный checkbox и при клике на checkbox скриптом у блока меняется класс стиля, чтоб поменялся бекграунд на картинку с измененным чекбоксом в другом состоянии.

Хаки – особые комбинации символов, которые приводят к неожиданному результату. В верстке хаки это селекторы CSS которые написаны таким образом, что они воспринимаются разными браузерами по-разному.
Например, селектор * html #someName будет воспринят только IE6. Все остальные браузеры его проигнорируют. Несмотря на мнимую простоту в использовании, хаки имеют ряд недостатков. Главный недостаток состоит в том, что хаки в большей степени основаны на ошибках, или неточностях интерпретации, по этому, есть вероятность того, что с выходом новой версии браузера старые хаки будут исправлены. Посему процесс поиска хаков является бесконечным. Другим немаловажным недостатком является то, что большинство хаков не проходят валидацию.
Целью этой заметки было собрать работающие хаки. На момент написания статьи хаки проверялись в таких браузерах:Opera 9.52, Firefox 3.0.1, IE6,7,8.beta1, Safari 3.1.2,Google Chrome 0.2.149.

Сегодня рассмотрим некоторые практические приемы для написания более красивого, правильного и быстрого CSS. В статье будет рассмотрено использование коротких свойств, глобальные сбросы, тулбоксы и некоторые полезные скрипты, которые скорее всего облегчат вам жизнь.

Короткие свойства
Короткие свойства используют для определения нескольких свойств в одном объявлении. Использование коротких стилей может сильно уменьшить размер ваших CSS файлов.

Цвета
Если значение цвета состоит из трех пар одинаковых символов, то это значение можно сократить до трех символов.