Hogyan kell helyesen és kényelmesen írni css kód

Hogyan kell helyesen és kényelmesen írni css kód

CSS (Cascading Style Sheets) - a nyelv által használt összes fejlesztők, így vagy úgy, hogy a projekt megvalósításának, így szép és kényelmes a látogató, aki látja a gyümölcsét a munkájával a képernyőn a monitor.

De mi van a színfalak mögött? Ez szép és kellemes a szemnek a kódot, hogy írunk, minden világos és lehetséges-e, hogy könnyű megérteni egy férfi, aki hirtelen akar bevezetni bele némi változás? Sajnos, sokan nem fel ilyen kérdéseket.

Most az üzletet.

7 tipp, hogyan írhat sikeres könnyen olvasható és szerkeszthető CSS-kódot.

Tipp 1. Válassza fog kinézni a kódot, és mindig követi ezt az opciót ..

Azok, akik írnak CSS kód írásával jelentette a legtöbb két csoportra oszthatók:

  1. Az első csoport - akik írni az összes kódot választó egy sorban.

Ez a kód jobban optimalizált, súlya kevesebb és kevesebb vonalak, így nagyon kényelmes szempontjából navigációt a stílus fájlt (nem kell lapozni egy hatalmas vászonra, hogy megtalálják a tétel kód). De ahhoz, hogy gyorsan megtalálja tulajdonságok ebben a verzióban, akkor először meg kell tanulni, hogyan kell navigálni.

  • A második csoport - akik rendel az egyes ingatlanok külön sorban.

    Ez a kód kevésbé optimalizált fájl kódját tartalmazó ilyen típusú, többet nyom, mint az első lehetőség, de ez inkább nyilvánvaló, hogy megtaláljuk a megfelelő ingatlan nem nehéz. Ugyanakkor, ez nem olyan kényelmes a navigáció körül stílus fájlokat (meg kell, hogy a szél le egy hosszú ideje, hogy megtalálja a megfelelő vonal).

  • Mindkét csoport helyesek a maga módján. Ne feledd, hogy ki kell választani a módot, ahogyan a szeretet és kényelmes lesz az Ön számára. Ez a legfontosabb dolog.

    Tipp 2 állandósága az elemek nevei.

    Készíts egy szokás hívni ugyanazokat az elemeket a különböző stílusok ugyanazt a fájlnevet. Ez segít, hogy ne vesszenek el a kódot, és hozzon létre egy bizonyos sorrendben a fejedben.

    Hadd magyarázzam pontosan mit jelent.

    Például, minden alkalommal, amikor dolgozni a fájlokat a stílusok különböző projektek, egységek speciális funkciókat, azt adja meg a nevét a rendeltetési hely alapján (ha a bal oldali oldalsávban, akkor én hívom sidebar-balra, ha a név egy blokkot a logó -. Logo , stb)

    És tárolja az azonos „terminológia” az ő későbbi munka, minden alkalommal nem kell újra feltalálni a kereket.

    3. tipp: Tartsd kódot elve „fentről lefelé”.

    Ez nagyon kényelmes, ha a kódot szervezett „fentről lefelé”, azaz honnan kalapok a pincébe. A legkényelmesebb megoldás nekem személy:

    1. Általános osztályok (test, egy, p, H1, ul, li, stb)
    2. A fő oldalon blokkok (szerkezete)
    3. webhely fejlécében
    4. menü
    5. tartalom
    6. Sidebar és widgetek
    7. pince

    Így mind vizuálisan, mind logikailag, akkor sokkal kényelmesebb navigálni a fájl stílusok, mint a véletlenszerűen elosztott elemekkel.

    Tipp 4. Keverjük össze elemét azonos tulajdonságokkal rendelkezik.

    Gyakran előfordul, hogy egyes elemek stílusát fájlok számos hasonló tulajdonságokkal rendelkezik. Ahelyett, hogy többször regisztrálni ugyanazt a kódot, miért nem összekapcsolják őket, és ne írjanak nekik a közös tulajdon?

    Például az elemek, amelyek az azonos színű a szöveg és a font:

    És akkor már hozzá speciális tulajdonságokkal mindegyikre, írd külön.

    Tipp 6. Az ABC ismeretét.

    Pozíció tulajdonságai az egyes ABC elem.

    Talán az elején, hogy elviszi egy ideig, de végül meg lehet szokni, meg kell tudni, hogy mi ez, és nincs probléma megtalálni a megfelelő ingatlan, ha meg kell szerkeszteni.

    Tipp 7. Legyen óvatos.

    Tovább jótanács - legyen óvatos, próbáljuk meg a megírt kód mindig látszott sima és gyönyörű, így nem volt felesleges és zavaró behúzás, vagy fordítva, „rajtaütés” egyik elemről a másikra. Maga szép, és nem szégyelli megmutatni másoknak.

    Nos, én néhány gondolatot megosztani veletek, hogy segítsen nekem személyesen levelet szép, kényelmes későbbi olvasási és szerkesztési kódot.

    Végül azt szeretném mondani, hogy ha nem akar, akkor nem feltétlenül alkalmazható a gyakorlatban minden, amit mondok.

    Csak ez az értékes tanácsokat, hogy segített nekem személyesen, hogy annak érdekében, hogy az én stílusom fájlokat és megszervezni a gondolkodás ebben a tekintetben.

    Akkor a saját kód írása szabvány, és a létrehozásakor, minden eszközzel, akkor lesz több illetékes CSS-master, könnyű írás és olvasás kódot.

    Csak ne felejtsük el, kérem, és más webmesterek, akik lehet szó, hogy írtál, és hogy nem kell pirulni tetteikért, ellenőrizze, hogy a CSS-kódot könnyű volt olvasni és szerkeszteni.

    Kapcsolódó cikkek