Hatékony css
Hatékony CSS - tippek és parancsfájlok
Ma nézzünk néhány praktikus technikát a gyönyörű, pontosabb és gyorsabb CSS íráshoz. A cikk megvitatja a rövid tulajdonságok, globális hulladéklerakók, eszköztárak és néhány hasznos szkript használatát, amelyek valószínűleg megkönnyítik az életedet.
Rövid tulajdonságok
Ha a színérték három pár azonos szimbólumból áll, akkor ez az érték három karakterre rövidíthető.
Az ilyen értékek, mint a kitöltés vagy a margó értékét másképpen lehet beállítani. Vannak emberek, akik így írták:
Hosszú és csúnya. Több értéket is megadhat egyszerre, és többféleképpen is megteheti.
By the way, használhatja a TRouBLe szó (Top, Right, Bottom, Left), hogy könnyen emlékezzen a sorrendre az utolsó verzióban.
Tegyük fel, hogy egy olyan elemet állít be egy ilyen elemhez:
Mindez jóra csökkenthető így:
A háttérben itt van egy ilyen helyzet:
Mindez egy sorban helyezhető el:
Fontos megjegyezni, hogy ha két koordinátaértéket ad meg, akkor egymás után kell követni. Ebben az esetben, ha em, px vagy százalékokat használ, akkor a vízszintes érték az első.
Készíthetsz egy kis darabot:
Itt a leírásból:
Ezt teheti:
Globális kibocsátás és eszköztár
Mint tudják, a CSS néhány tulajdonságának alapértelmezett értékei különböznek a böngészőtől a böngészőhöz képest, és ez állandó erőfeszítés a HTML-kódolókhoz (nem számítva az IE-t, ami csak egy nagy szelet egy helyen). A probléma megoldásához az úgynevezett "CSS reset" -t (css reset) találták. Az első és leghíresebb közülük a CSS Eric Mayer elismert szakértője javasolta. Mindenkinek már írtunk a globális kibocsátásról. így láthat más példákat.
Most vegye fontolóra az eszköztárat. Nagyjából elmondható, hogy ez egy sor stílus, amelyet leggyakrabban az elrendezések készítéséhez használ. Például fontolja meg egy kis eszköztárat a CSS trükkökből.
Kívánatos, hogy rendelkezel saját eszköztárral - így kényelmesebb és jobb.
Böngésző és operációs rendszer osztályok
Ismét mindannyian tudjuk, hogy egyes CSS-tulajdonságok eltérő módon jelennek meg a különböző böngészőkben. Mit kell megoldani, használjon különböző CSS hackeket.
Azonban a közelmúltban Habré egy kiváló megoldás, amely lehetővé teszi a stílusok meghatározását bármely böngésző vagy operációs rendszer számára.
És most már vannak operációs rendszerek osztályai:
- .win - Windows;
- .linux - Linux;
- .mac - MacOS.
És a böngészők osztályai:
- .azaz - az IE összes verziója;
- .ie8 - IE 8.x;
- .ie7 - IE 7.x;
- .ie6 - IE 6.x;
- .azaz 5 - IE 5.x;
- .gecko - a firefox és más geko-böngészők összes verziója;
- .ff2 - firefox 2;
- .ff3 - firefox 3;
- .opera - az opera minden változata;
- .opera8 - opera 8.x;
- .opera9 - opera 9.x;
- .konqueror - konqueror;
- .szafari - szafari.
Vagyis, ha a Windows alatt egy szafari vörös szöveget szeretne készíteni, akkor így kell írni:
Compression CSS
Miután szép CSS-t írtál, ideje csökkenteni a méretét. Ez lehetővé teszi, hogy enyhén csökkentse a szerver és a böngésző közötti forgalmat, és ennek megfelelően gyorsítsa fel az oldal betöltését.
Például az ideiglenes .net automatikusan összegyűjti az összes CSS-fájlt (ezek közül négy van), és tömöríti őket a CSSMin könyvtár használatával.
Kapcsolódó hivatkozások
Társalapító ideiglenes. Érdekli az online üzlet, a tervezés, a használhatóság és az ügyfélprogramozás. Részt vesz számos internetes projekt fejlesztésében.
Néha a Twitterre ír. de gyakrabban a Temporno.net-on.