Мои первые ошибки и как правильно верстать
Уже как два года заниамюсь версткой, и в основном только ей. И уже накопил громадные опыт по CSS/HTML. И хочу поделиться некоторыми секретами и важными вещами для любопытных.
Каждый начинающий изучает CSS с помощью интернета. СТОП! Не стоит этого делать. Я рекомендую сначала купить книгу "Основы CSS". Чтобы понять какие параметры существуют для селекторов. После трехкратного прочтения, уже можно искать дополнительную информацию по CSS в интернет.
Смысл статьи, указать на те ошибки, которые я делал по глупости в начале фриланса.
* { font-size:11px;}
Ни когда не используете в качестве селектора "*". Это даст большие проблемы по написанию стилей для всех элементов. Так как данное определение устанавливает для всех селекторов размер шрифта в 11px. А как же заголовки, параграфы, ячейки и так далее? Это конечно можно исправить с использованием правила "!important"
* {font-size:11px;}
td {font-size:12px !important;}
Это же относится и к цвету текста. Не использовать в при данном селекторе правило color, т.е.
* {color: #000;}
Длинные описание селекторов
.top_div { margin-right:20px; margin-left:20px; margin-top:3px; }
C этого начинает каждый студент, и я с этого тоже. Эту запись можно упростить, если вы конечно прочитали "Основы CSS"
top_div { margin:3px 20px 0;}
Это был пример для отступов, это качается также полей, шрифтов.
Длинные CSS цвета
.color { color:#000000; background:#ffffff; border-bottom:#ff0000; }
Согласно w3c стандартам, эту запись можно сократить
.color { color:#000; background:#fff; border-bottom:#f00; }
Не используйте RESET CSS
Если конечно вы не сами написали. Есть пример в журнале Никиты Селецкого. Если вы все таки решите использовать, то вы получите самый большой гемор для себя в плане верстки. Так как в перечне есть практически все селекторы. Грубу говоря, вы установите значения по умолчанию.
И соответственно что бы для ячейки определенной выставить выравнивание по правой стороне с отустпом, то вы не сможете. Так как первым будет обрабатываться reset, и унего будут приоритеты, перед уникальным правилом. И чтобы исправить эту ошибку вам придется использовать правило "!important" , о котором я написал выше.
В любом случае, каждый проект уникальный. Проще написать стандартную болванку CSS, и потом уже править.
Господа, учитесь.