Blog

8 CSS Tipp

Összegyűjtöttem néhány CSS tippet, ami főként kezdőknek lehet hasznos a helyes kód írásban. Persze minden webfejlesztőnek tanácsos betartania ezt a néhány, egyszerű tanácsot.
Értelem szerűen a pirossal kiemelt kód a helytelen, a zöld pedig a helyes mintát mutatja.

1. Struktúra
Használj egyszerű CSS struktúrát. Ez segíti a kód jobb átláthatóságát és a te munkádat is a későbbiekben, ha valamit módosítani szeretnél.

Rossz pelda

Jo pelda

2. Egyszerűsítés
Ha lehet, használj egyszerű parancsokat, ezzel csökkentve a kód, illetve a fájl méretét.

Rossz pelda

Jo pelda

3. Padding vs. Margin
A Margin utasítást a böngészők nagy része eltérően kezeli, főleg Internet Explorer és Firefox esetében tapasztalható ez. Ha csak lehet használd mellette a Padding utasítást is.

4. Általánosítás
Ne definiáld ugyanazt a kódot több helyen. Ezzel is csak az utasítások száma és a fájl mérete nő. Ha lehet, vond egybe amit több stílus elem használ.

Rossz pelda

Jo pelda

5. Kommentezés
Használj egyszerű, egysoros kommenteket. Szintén a kisebb fájl méret és a jobb áttekinthetőség érdekében.

Kommentezes

6. Validálás
Mindig validáld a CSS kódodat. Segít számos hiba felderítésében és javításában, ami a helyes működéshez elengedhetetlen.
A legjobb eszköz erre: http://jigsaw.w3.org/css-validator

7. XHTML és a Style
Ha lehet ne használd a Style utasítást az XHTML kódban. Ez csak növeli az XHTML fájl méretét és megbonyolítja a kódot, ezzel nehezítve a későbbi munkádat.

XHTML Style

8. Szaknyelv
Használd a szabványos ID és Class neveket, amelyek egyszerűen és világosan leírják a rendeltetésük célját.

Rossz pelda

Jo pelda

Hozzászólások

Szóljon hozzá!

Új generációs játékok