[html/css] czy taka praktyka jest dobra?

Zed OP · 25-03-2014 12:06

cześć, ćwiczę sobie ostatnio html i css i zastanawiam się czy sposób w jaki tworzę stronę jest okej.

mianowicie mam sobie .wrapper

Kod :

.wrapper
{
    width:1000px;
    margin: 0 auto;
}

który mi tworzy mi wycentrowany blok o szerokości 1000px.

jeśli natomiast chcę zrobić pasek na całą szerokość strony(np. jakiś logo bar) to wygląda to tak:

http://pastebin.com/QV2TncJv

i css:

http://pastebin.com/hvaLKXSG

ostateczny efekt jest taki:
http://jsfiddle.net/66xJW/1/

I teraz moje pytanie. jeśli w późniejszym stadium rozwoju strony miałbym footer-bar a w nim wrapper i chciałbym aby ten konkretny wrapper miał np. padding: 30px to czy mogę się do niego odnieść w taki sposób jak w linku wyżej? mianowicie

Kod HTML:

.logo-bar > .wrapper
{   
 text-align: center; 
padding:30px;
  }

czy taka praktyka jest okej? jest jakiś inny(lepszy) sposób żeby to zrobić?

Bazan · 25-03-2014 12:49

Tak jest to jak najbardziej dobra praktyka ;)

Dodałbym tylko, żeby starać się w miarę używać nowszych znaczników html5,

czyli zamiast

Kod :

<div class="header">
    <div class="wrapper">
        sdfsd
    </div>
</div>
<div class="content">
    <div class="wrapper">
        sdfsd
    </div>
</div>
<div class="prefooter">
    <div class="wrapper">
        <div class="blog-item1">
         dsfsdf
        </div>
        <div class="blog-item2">
         dsfsdf
        </div>
    </div>
</div>
<div class="footer">
    <div class="wrapper">
        sdfsd
    </div>
</div>

Kod :

<header class="header">
    <div class="wrapper">
        sdfsd
    </div>
</header >
<section class="content">
    <div class="wrapper">
        <article class="blog-item1">
         dsfsdf
        </article>
        <article class="blog-item2">
         dsfsdf
        </article>
    </div>
</section >
<section class="prefooter">
    <div class="wrapper">
      dfgdfg
    </div>
</section>
<footer class="footer">
    <div class="wrapper">
        sdfsd
    </div>
</footer>

@edit
Jeśli w projekcie masz zalozmy kilka takich wrapperow ktore sie roznia od siebie. Mozesz im dawac dodatkowa klase.

Czyli:

Kod :

<section>
     <div class="wrapper">
          sdfsdf
     </div>
</section>
<section>
     <div class="wrapper middle-wrapper">
          sdfsdf
     </div>
</section>

css:
.wrapper {
    margin:0 auto;
    width:990px;
}
.middle-wrapper {
    width:700px;
}
.other-wrapper {
    padding:0 30px;
}

Temat: [html/css] czy taka praktyka jest dobra?

Narzędzia tematu

Oceń ten temat

[html/css] czy taka praktyka jest dobra?

Informacje o temacie

Użytkownicy przeglądający temat

Podobne tematy

Strony z zadaniami HTML, JS, CSS, PHP

Przyklady stron (PHP/js/html/css/sql)

Kursownik.pl - Świetny videoKurs HTML/CSS oraz JS Canvas!

HTML to CSS converter ?

Poziomy panel logowania HTML + CSS

Zakładki

Zakładki

Zasady postowania