7. Hasznos Tippek a jó kódot, css, css

Írás az első CSS kódot úgy tűnik, nagyon szokatlan, ha arra használják, hogy dolgoznak a táblázatok, vagy még soha nem használt stílusokat.

Az alábbiakban a 7 különböző módszerek segítségével, hogy írjon egy érvényes és tiszta CSS kódot, és leegyszerűsíti a kód írása, és biztos, hogy kapsz eredményeket gyorsan és hatékonyan.

1. Kezdjük egy CSS reset

Írásban CSS kód lehet egy nem triviális feladat, ha meg kell írni egy kódot újra és újra csak azért, hogy különböző böngészőkben azonos jelölést. Ez az, ahol a szükség CSS visszaállítása. Tekintettel arra, hogy ez a vétel zsenik CSS, mint E. Meyer, nem indokolja, hogy elveszíti az összes böngésző „nullára”, és kezdjék építeni stílusok a semmiből.

Egyesek azt mondják, hogy a CSS Stílusok visszaállítása haszontalan, de ha megszokja, hogy állítsa vissza a stílus elemek, amelyekkel dolgozik, sokkal könnyebb lesz, hogy biztosítsák számukra az azonos kijelző a különböző böngészőkben.

3. behúzása a CSS-szabályok egy jobb kereső

Ha meg kell találni valamit között a 500 sornyi CSS kód, akkor válhat a kínzás a szemet. Tehát ahelyett, hogy az írás a CSS kódot a következő formában:

Akkor behúzni a szabályokat, hogy könnyebb görgetni, hogy megtalálja a kívánt fájlt, és visszatér az osztályok és id.

4. Az egyik szabály - egy sort ... Néhány szabály - egy pár sort

Követve ezt az egyszerű módszert, akkor gyorsan tisztítsák meg a rendetlenség a CSS fájlok. Alább látható két különböző módon az írás CSS kódot. Egyesek megpróbálják felderíteni a szabály az új vonal, de én ragaszkodom a fenti módszerekkel: egy szabály = egy vonal, és néhány szabály = több vonal.

5. Ismerje (és használata) rövidített kód

CSS Rövid kód lehetővé teszi, hogy gyorsítsák fel az írási folyamatot, csökkenti a rendetlenséget a stíluslapot, és hagyja, hogy mindenki megtalálja a szabályokat meg kell sokkal gyorsabb. Szóval miért olyan sok ember még írni egy ilyen hosszú CSS kódot?

Írásban ezt a kódot rövidített formában teszi, hogy sokkal világosabb. Rövid kód használja az óramutató járásával megegyező irányba, így a szám a következő példák utalnak a felső, jobb, alsó, bal.

6. Írja CSS kódot ábécérendjét a könnyebb olvashatóság

Ez a tanács jutott eszembe az utóbbi időben, és én csak most kezdik használni minden alkalommal, amikor írok a CSS kódot. Közvetlenül a ábécérendben lehetővé teszi, hogy könnyen megtalálják a kódsort, szerkeszteni, és kész.

Nézd meg az alábbi kódot, vegye figyelembe, hogy az első betű a szabályok alfabetikus sorrendben, így gyorsan végigmenni a listán, és megtalálni a megfelelő sort. Ön keresi a megfelelő font-size. Nos, tudja, hogy mi pont az ábécé F betűvel, így a keresés ezen a vonalon sokkal könnyebb lesz.

7. A barátságos neveket az osztályok és ID

Semmi sem rosszabb, mint a szerkeszteni egy darab kódot, ha valahogy így néz ki:

Választott a nevet az osztály és az ID segít megérteni, hol kell keresni az ilyen vagy olyan eleme a stíluslap fájlt, valamint a html fájlokat. Azt javasoljuk, hogy használja hozzávetőleg a következő értelmes neveket, hogy fenntartsák a világos és érthető kód:

Fordítása a cikk „7 Jó ötletek írása jobb CSS» készítettünk egy csapat barátságos Web design projekt tól Z-ig