Работа с CSS не всегда проста. Конечно, все зависит от опыта и навыков, но иногда CSS кодинг может превращаться в кошмар. Лучший способ упростить код это полезные, но не очень известные свойства и атрибуты которые можно использовать для создания семантически корректной разметки.
Мы обратили свой взгляд на наиболее интересные и полезные техники CSS кодинга и перечислили их в этой статье. Также мы включили некоторые базовые техники, используемые многими в каждом проекте, но которые трудно найти, когда они нужны.
Это обзор 70 техник предложенных экспертами CSS, вы должны быть готовы пройти по списку ссылок и похожих публикаций в конце статьи.
Мы хотим сказать спасибо всем разработчикам, которые делятся своими идеями, техниками, методами, знаниями и опытом с их читателями.
master.css
@import url("reset.css");
@import url("global.css");
@import url("flash.css");
@import url("structure.css");
<style type="text/css" media="Screen">
/*\*/@import url("css/master.css");/**/
</style>
<p class="floatLeft alignLeft width75">...</p>
) [Richard K. Miller12].width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }
.floatLeft { float: left; }
.floatRight { float: right; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
reset.css
, global.css
, flash.css
(если автор: Александр Качанов
Господа веб-дизайнеры, братья и сестры, родные мои, данный манифест призван положить конец идущей уже второй год на виртуальных полях Рунета "религиозной" войне среди веб-дизайнеров по вопросу дивной и табличной верстки.
Отныне верховным принципом веб-дизайна объявляю лозунг "Да верстайте вы в чем хотите!".
Принцип свободы выбора стиля верстки - будь-то табличный, дивный или гибридный - объявляется неотъемлемым и исключительным правом каждого веб-дизайнера, при этом веб-дизайнер обязуется пользоваться этим правом разумно и осмотрительно, исходя из требований каждого конкретного проекта, каждой конкретной ситуации и своих собственных сил, способностей, знаний и умений.
Всякая пропаганда исключительного превосходства дивной верстки над табличной или табличной над дивной глубоко осуждается всей веб-дизайнерской общественностью и считается отныне вульгарной профанацией, дешевыми понтами и полным отрывом от реальности. Всякие вопросы на эту тему отныне считаются проявлением невежества, профессиональной некомпетентности, элементарной лени и неспособности самостоятельно изучить вопрос с помощью Гугола, Яндекса, Википедии и англо-русского словаря Мюллера 2004 года издания.
Каждый веб-дизайнер обязуется всемерно овладевать всеми стилями верстки и уметь их применять по делу; обмениваться опытом со своими коллегами и учить других начинающих веб-дизайнеров поступать так же.
Каждый веб-дизайнер обязуется самостоятельно, непрерывно, вдумчиво и без религиозного фанатизма изучать все аспекты веб-дизайна, будь то Flash, сочетание цветов, юзабилити или серверный XSL; уметь разбираться в различных направлениях его развития и всемерно овладевать всей суммой знаний, накопленных предыдущими поколениями веб- и просто дизайнеров, не забывая при этом заглядывать вперед на десятилетия.
Настоящим манифестом призываю противные стороны сложить оружие, побрататься и жить в мире.