Rozdíly

Předně, CSS a DIV je v podstatě jedno a to samé. V HTML kódu si označíš pomocí <div> jednotlivé prvky, kterým pak pomocí CSS určíš místo, kde se mají ve stránce zobrazit.

A CSS nebo tabulky? Tabulky jsou jednodušší, CSS zas takové elegantnější, víc to teď "frčí", ovšem jsou zas oproti tabulkám náročnější (všechno ohlídat, aby to sedělo jak má).

Jak psát web Ti nestačí?

Další pohled od Pixyho: http://www.webtip.cz/art/wt_tech_html/wt_css01.html

A aby nebyly stránky příliš <span>ilé a <div>né, projdi si i http://www.semantika.name/

Předně, CSS a DIV je v podstatě jedno a to samé. V HTML kódu si označíš pomocí <div> jednotlivé prvky, kterým pak pomocí CSS určíš místo, kde se mají ve stránce zobrazit.
Tohle je podle mě jeden z nejrozšířenějších omylů. Tabulku lze oživit pomocí css stejně jako div a lze udělat stránku bez tabulek i divů a přesto vhodně aplikovat css.
S tímto přístupem vznikají stejné stránky jako při používání tabulek, jen místo záplavy tr a td je tam záplava div a span.

mila
Tabulku lze oživit pomocí css stejně jako div
To nepopírám.

lze udělat stránku bez tabulek i divů a přesto vhodně aplikovat css.
Buď, prosím, konkrétnější. Samozřejmě, že lze udělat stránku bez <div> a <span> a přitom využít CSS (například <p style="color: red;">červený odstavec</p>), ovšem to, předpokládám, není to, co jsi měl na mysli, ne?

"Buď, prosím, konkrétnější."
Ja odpoviem (možno) čiastočne za mila. Napríklad hlavička na stránke. Tam DIV vôbec nie je potrebný. Stačí H1 a vnorený element A. Takýto kód Ti naštýlujem do akejkoľvek podoby aj bez DIVu.

Ďalej napríklad lišta nejakého menu. Stačí použiť a správne naštýlovať element MENU, poprípade UL.

Ako krásný príklad nám slúži Timyho www.semantika.name , kde môžete pekne vidieť, že to ide aj bez<div>ne. DIVy odporúčam používať len vtedy, keď potrebuješ obaliť a naštýlovať tak sémantickejší element, ktorý už nemôžeš štýlovať samotný (hrozná veta, dúfam, že jej pochopíte :-)).

killer
V prvom rade je potrebné napísať správny štruktúrovaný a sémantický HTML dokument. Potom už je jedno akú formu tomu dáš, pomocou štýlopisu si môžeš na správne navrhnutom dokumente robiť čo len chceš. Živým dôkazom je CSSZenGarden.

Napríklad hlavička na stránke. Tam DIV vôbec nie je potrebný. Stačí H1 a vnorený element A. Takýto kód Ti naštýlujem do akejkoľvek podoby aj bez DIVu.

Ďalej napríklad lišta nejakého menu. Stačí použiť a správne naštýlovať element MENU, poprípade UL.
Ano, to nezpochybňuji.