A koncepció az objektum-orientált CSS

előző ◈ a következő

Objektumorientált CSS (objektum orientált CSS - OOCSS) fogalmát a CSS, ami egy gyors, könnyen kezelhető, és megfeleljenek a bemutatása CSS kódot. A OOCSS használja elveinek objektumorientált programozás (Object Oriented Programming - OOP), amely lehetővé teszi, hogy a CSS tervek, amelyek többszöri felhasználásra alkalmas, ami viszont csökkenti a weblap betöltési idő, és jelentősen javítja a teljesítményt. Ez nem egy új technológia, vagy fejlesztési környezetet, és speciális megközelítést szabályok létrehozására, amelyek lehetővé teszik a CSS kódot, így a tulajdonságai skálázhatóság és a rugalmasság a használat.

Mi az a CSS tárgy?

Az objektum-orientált megközelítés CSS két fő szempontok:

  • Felosztása a sablon szerkezetét és hüvelyébe.

Ez feltételezi, hogy minden egyes létrehozott CSS kódrészlet található a sablon használható, hogy jelezze a héj (az osztály neve) a megfelelő helyeken. Így, lehetővé téve a manipuláció a különböző minták (objektumok), azaz héja (nevek), van egy erős és nagyon rugalmas eszköz a vizuális tervezés a weboldal a túlzsúfoltság veszélye nélkül, hogy a páratlan kódot. Más szóval, az osztály nevét használják tárgyak neveit és azok az elemek, amelyek jelentős mértékben kiterjeszti a képességeket, amelyeket a HTML szemantikai szabályokat.

  • Az elválasztás a tartály és annak tartalma.

    Ez azt jelentette, hogy minimalizálják a szelektor épült családi kapcsolatai HTML-elemeket. Azaz, a szelektor, hogy pont az elemek ágyazva a szülői egység. objektum tulajdonságai nem függenek a pozícióját a dokumentumban. Például, a formázás a fejléc elem

    ágyazott .myObject h2 helyett a választó blokk az osztály myObject létre kell hozni egy külön osztályt, és alkalmazza azt a kívánt elemet a második szintű fejlécet, amely lehet bárhol a dokumentum szerkezetét.

    Ez ad nekünk a következő előnyökkel jár:

    • Minden „tiszta”, nem tartalmazzák a nevét fejezetcímek

      . ugyanaz lesz a megjelenés, függetlenül azok helyzetét.

    • Ugyanez vonatkozik olyan elemet, amely tartozik egy osztály - akkor ugyanúgy néz bárhol az oldalon.
    • Ha kell al-elem (ebben az esetben,

      . egy szelektor, amely .myObject H2) van kiválasztva, megjeleníti egy normális, hagyományos módon (amely jellemző „tiszta”

      elem), akkor nem kell, hogy hozzon létre egy külön szabályt, amely felülírja a régit.

    • Mit ne tegyünk, ha a OOCSS megközelítés.

    • Kerüljük a elemek jelenlétét azonosítók szelektorokban.
    • Ne használja leszármazott szelektor.
    • Szintén nem ajánlott irányelvre! Fontos.
    • Amennyiben nem a választókat, hogy kiválassza az elemeket azok nevét (például, h2 <…> ) Ahhoz, hogy az osztály nevét.

    Előnyök.

    • Csökkenti párhuzamos kódot.
    • Továbbfejlesztett SEO barát oldalak.
    • Könnyű karbantartása, javítása és optimalizálása.
    • A forráskód alapján egy hierarchikus formátum elemek értelmes osztály nevét.
    • Az a képesség, hogy újra a legtöbb alkatrészeket.
    • tárgykód Helyi szerkesztése lehetővé teszi, hogy módosítsa az általános előterjesztésükre rendszer.

    Hátrányai.

    Következtetés.

    Kapcsolódó cikkek

    előző ◈ a következő