Sribna

Paul OB дал свои советы по улучшению CSS кода.

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

(more…)

Очень часто с поисковиков заходят на сайт по запросу “Комментарии в CSS” и попадают на страницу Условные комментарии в CSS, что не совсем соответствует их критерию поиска. Чтобы исправить эту ситуацию и посетители находили то, что ищут, я решил написать о комментариях в CSS.

Комментарии в CSS начинаются символом “/*” и заканчиваются символом “*/”. Они могут находиться в любом месте (единственное условие, они должны быть между <style></style>) и их содержимое не влияет на каскадную таблицу стилей. Например:

<style>
/* это css комментарий */
#outer {border: solid 1px #fff;} /* это еще один комментарий */
</style>

Также в CSS допускается использование ограничителей комментариев (”<!--” и “-->”) принятых в SGML, поэтому их использование внутри тега <style> позволит скрыть содержимое от браузеров которые расчитаны на HTML версии 3.2 и ниже.

<style>
<!--
/* это css комментарий */
#inner {border: solid 1px #000;} /* это еще один комментарий */
-->
</style>

Вопросы?

Как и обещал, продолжаю. Если брать метод, описанный в Что такое vertical-align и с чем его едят?, то он хорош только в том случае, если контейнер (в нашем случае был div) имеет достаточную ширину и вся строка поместится в один линейный блок. Если строка не влазит в ширину контейнера, она разбивается на несколько линейных блоков. И каждый линейный блок наследует line-height. Получаем в этом случае, мягко говоря, не совсем то, что ожидали. (more…)

Автор: PPK

URL оригинала на английском языке: http://www.quirksmode.org/css/condcom.html

Условные комментарии работают только в Explorer под Windows, и они отлично подходят для написания специальных инструкций адресованных Explorer под Windows. Эти инструкции поддерживаются начиная с версии Internet Explorer 5 и выше и даже существует возможность давать различные инструкции разным версиям Explorer 5.0, 5.5, 6.0.

Условные комментарии выглядят так:

1. Их основная структура такая же как и в HTML комментариях (<!–– ––>). Поэтому другие браузеры будут считать условные комментарии простыми комментариями и будут их полностью игнорировать. (more...)

Недавно пришел к выводу, что я совершенно не могу пользоваться свойством vertical-align. Хотя, казалось бы - задал свойство height и выравнивай себе на здоровье свойством vertical-align. Но не все так просто. Обратимся за информацией к стандарту CSS 2. Область применения у vertical-align : строковые и 'table-cell' элементы. По умолчанию начальное значения этого свойства - baseline(Осуществляется выравнивание базисной линий блока относительно базисной линии его родительского блока. Если у блока нет базисной линии, то выполняется выравнивание его нижней границы относительно базисной линии родительского блока). Интересна последовательностей действий при формировании выравнивания ячеек в таблице, согласно спецификации CSS 2:

1. Сначала позиционируются ячейки, выровненные относительно базовой линии. В результате будет создана базовая линия строки. Далее позиционируются ячейки со свойством 'vertical-align: top'. (more...)