Архив рубрики 'CSS'

Непонятный отступ или 3px IE bug

Wednesday, April 25th, 2007

В одном из сообществ недавно был вопрос о непонятном отступе в IE. Есть такой код: (more…)

Остроумно написанный код.

Tuesday, April 17th, 2007

Читаю книгу “Философия CSS-дизайна”, улыбнуло: “Нетривиальное применение CSS для фильтрации стилей в зависимости от браузера, создания новых гибких способов верстки и обхода технических ограничений с помощью остроумно написанного кода.”

Ищется правильное решение или неправильное…

Monday, April 2nd, 2007

Ищется правильное или неправильное решение, только бы работало :) Подробности в жж

10 советов по улучшению CSS кода

Thursday, March 29th, 2007

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

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

Комментарии в CSS

Monday, March 19th, 2007

Очень часто с поисковиков заходят на сайт по запросу “Комментарии в 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>

Вопросы?