Witam,
wynalazłem, że struktura może wyglądać tak:
http://mdsirajudeen.files.wordpress.com/20...5_structure.png

niby ok, ale jeśli mam taki kod:

[HTML] pobierz, plaintext 
<div id="container">
            <header>
                <nav>
                    <ul>
                        <li><a href="#home" class="active">Start</a></li>
                        <li><a href="#about">O mnie</a></li>
                        <li><a href="#contact">Kontakt</a></li>
                    </ul>
                </nav>
            </header>
 
            <section>
                <header></header>
                <p>Section</p>
            </section>
 
            <footer>
                <p>2013</p>
            </footer>
        </div>
[HTML] pobierz, plaintext 

W CSS z góry narzucone jest, że header ma Xpx szerokości, Xpx wysokości, kolor itd...

No i tu moje pytanie, bo w section header też odziedziczył właściwości headeru z góry, doszedłem do tego, że jak zrobię powiedzmy tak w CSS:


to wszystko działa jak powinno lecz czy takie rozwiązanie jest dobre? Czy nie wpłynie nigdzie dalej na żadne elementy?

Tak.

Jeszcze teraz mi przyszło do głowy: Czy da się zresetować styl dla nowego headeru w section?

Tzn żeby był po prostu pusty jak dam mu tylko margin: 15px;, to żeby tekst był przesunięty, ale chcę usunąć width, height i color z poprzedniego.

w w3c nie pomyśleli o atrybucie reset niestety... musisz robić to ręcznie.

[CSS] pobierz, plaintext 
header{margin:777px;border:1px solid red}
section header{margin:0;border:0;color:blue}
[CSS] pobierz, plaintext 

Po prostu użyj odpowiedniego selektora CSS:

[CSS] pobierz, plaintext 
div#container > header { ... }
[CSS] pobierz, plaintext 

Reguły zawarte w takim bloku będą odnosić się wyłącznie do elementu HEADER umieszczonego bezpośrednio w elemencie DIV#container.