Добри практики относно CSS. Ами например, както каза сам doctype-a. Аз лично вианги ползвам за HTML5, какво като не е напълно стандартизиран. Готиното при него е, че когато актуалните браузъри (визирам последни версии) го видят веднага суичват на стандартс моуд (без 6,7 версия на IE, но се преглъщта, защото съуичва на almost стандартс моуд). Ползвайте го свободно, щото в него е бъдещето, като се стандартизира ще е много гъвквав и удобен
Ама доктайпа е нещо доста сериозно и трябва да се разглежда по-мащабно и задълбочено, така че не чакай, ами питай някой сърч енджин за подробна информация!
Относно Reset CSS файловете. Важно нещо са, да, но трябва да се използват с ясни представи относно тяхната дейност! Не ги използвайте наляво и надясно, че водят до лоши последствия в някои случаи.
Вярно е, че винаги трябва да се използва CSS reset, дори да е нещо просто като премахването на маргин и падинг:
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
Има доста готови файлове, които често се използват, но имам чувството, че нулирате всичко и после започвате отначало да дефинирате, което е равносилно на това да се блъскате между несъответствията в браузърите. Дори има един на Ерик Майър (
http://meyerweb.com/eric/tools/css/reset/), който сам казва, че като вземете ресет файла не трябва просто да го плеснете в началото на CSS кода ви, а да го промените малко. Да оставите само това, от което се нуждаете, да го направите ваш, специфичен, според вашите изисквания. И избягвайте също код като:
* { margin: 0; padding: 0; }
Отново отнема повече време да се справите с бъкиите, които причинява, от колкото да водите constant fight с IE и другите браузъри.
Друга добра практика, за която се сещам включва коментарите в CSS файловете. Вероятно много хора го правят, но ако има някои, които не са опитали от насладата на организирането на css кода, нека го направят и да се уверят, че не са пробва ли нещо "опасно". Какво значи това?
/* Header */
стилизирането на всичко в header-а идва тук
/* Left Column */
стилизирането на всичко в лявата колонка на сайта идва тук
(....)
/* Footer */
стилизрането на елементите във футъра отново тук
Така като завършите сайта си или сте написали доста CSS код, вместо да скролвате и да търсите даден елемент (id, class - селектор) ползвате търсачката на редактора (в повечето случаи CTRL + F) и сте готови!
И последно, не започвайте вашия CSS код преди да сте подготвили HTML документа. CSS е безполезен без добре подготвен, структуриран и чист HTML документ.
