Tíz css technikákat, amit valószínűleg nem tudja, css, cikkek, programozás -
1. Csökkentsük a CSS szabályokat a font
Határozza meg a stílus a betűtípust a CSS lehet, mint ez:
Azonban ez nem szükséges, mert akkor a következő rövidített változatát:
Ez már jobb. DE! Ez gyors- csak akkor fog működni, ha Ön kifejezetten meghatározott font-size és font-family. Ha nem adja tulajdonságok, mint a font-weight. font-style és a font-variant. akkor lesz az alapértelmezett értékek, azaz a normális. ezt szem előtt tartani.
2. Két osztály egyszerre
A címke általában van beállítva csak egy osztály egy időben, de ez nem jelenti azt, hogy nem lehet kérni tovább. Sok osztályok lehet állítani Sőt, azt szeretnénk, például:
E két osztály együtt (szóközzel elválasztva, és nem különül el) azt jelenti, hogy során az elrendezés meghatározott szabályok a szövegben. és az oldalsó. Ha bármelyik szabályok a különböző osztályok között átfedés van, az elsődleges feladat az osztály, amely be van állítva később, mint a többiek a stíluslap.
3. Jelentés vastagsága meghaladja az alapértelmezett CSS
Írásakor CSS szabályokat a keret, mint általában, a szín, szélesség és stílus (nem feltétlenül ebben a sorrendben :). Például határ: 3px szilárd # 000 kapsz egy fekete keret, festett feketének három pixel vastag.
Ha csak azt kérdezte: határ: szilárd. hogy meghatározza a többi paraméter az alapértelmezett beállításokat fogják használni. És ezek a következők: a vastagsága közepes szintű, azaz a valahol 3-4 pixel, és a színek színét állítja be a szöveget a kereten belül. Ha ezek a paraméterek csak az is, hogy szükség van, akkor nem lehet meghatározni azokat világosan!
4. Figyelmen kívül hagyva IE ingatlan! Fontos
CSS szabály jellemzi a következő magatartás: hányan voltak, a legmagasabb prioritást a végső. Azonban, ha használja! Fontos a parancs után, akkor ez a CSS parancs lesz a legnagyobb prioritást, függetlenül attól, hogy mi jön utána. Ez igaz minden böngészőben, kivéve IE. Például:
Ebben az esetben a behúzás egyenlő lesz minden böngészőben 3,5em kivéve IE, amelyek értéke egyenlő lesz a francia 2em.
5. Eljárás nem szabványos betűtípus csere képek
Például, ha kell „Vásárlás widget” felirat volt a fejléc minden oldalon. És mivel te vagy az általuk és a kereskedelmi, akkor meg kell, hogy ez a mondat volt a kereső. És mivel a használni kívánt egyéni betűtípust, akkor helyezzen be egy képet:
A határozat maga normális, de szem előtt kell tartani, hogy a keresőmotorok nem fizetnek annyi figyelmet az alternatív szöveget izobrzheny szöveges (mert a webmesterek a szokás írni a helyettesítő szöveg minden kis cucc). Ezért más lenne ezt az utat:
Azonban még nem használta az egyéni font. Ahhoz, hogy ki ez a helyzet, akkor a következő parancsokat a CSS dokumentumot:
6. Alternatív doboz modellt hack IE
Box modell hack használják megoldani a problémát a böngésző a második változat az IE, ahol a keret és kitöltés szerepelnek a szélessége egy elemet, és nem tartalmaznak. Például, amikor megállapítják a tartály méretét az alábbi szabály:
CSS szabály vonatkozik majd az alábbiak szerint:
Ez azt jelenti, hogy a teljes szélessége a doboz 150 pixel (100 pixel + jobb szélessége minden egyes keret 5 pixel + 20 pixel által padding mindkét oldalon) az összes böngészők, kivéve fiatalabb 6. IE. Ezekben a böngészők egyenlő lenne a teljes szélessége 100 pixel, a vastagsága a tömítés és a keret tartalmazza szélessége. A modell lehetővé teszi számunkra, hogy helyes ez a viselkedés, de ez nem a jó út.
Egy egyszerű megoldás az lenne, hogy az alábbi stíluslap:
Egy új HTML kódot ekkor:
Most a szélessége a doboz mindig 150 pixel, függetlenül a böngésző.
7. Igazítsa a középső blokk elemek
Nos, azt akartad, hogy van egy oldal állandó szélességű, a tartalmát, amelyek a képernyő közepén. Ezt meg lehet tenni, mint ez:
Ezután minden eleme volt
Így középre a fő tartalom, azonban, és a szöveg lesz igazítva a közepén. Hogy az utolsó elindultunk az align tulajdonság: maradt az elem div.
8. A függőleges igazítás CSS
Hmm, furcsa viselkedését. Itt egy megoldás. Állítsa be a sor magassága megegyezik a magassága a doboz CSS. Különösen a mi például a magassága 2em doboz, így be kell helyeznie egy szabály CSS line-height: 2em. és a szöveg most a közepén boksz!
9. pozicionálás a tartály belsejében
Az egyik vitathatatlan előnye a CSS az a tény, hogy ezek segítségével el tudjuk helyezni az objektumot bárhol a dokumentumot. Az is lehetséges (és néha előnyösen) objektumok elrendezve egy tartályban. Ez úgy történik, ugyanúgy. Egyszerűen hozzon létre a következő CSS szabály a tartály:
Most minden elem, ami ebben a tartályban kell elhelyezni, ahhoz képest. Mondjuk ezt HTML-kód:
Annak érdekében, hogy a menü a parttól pontosan 30 pixel a bal és 5 tetejére szélén a tartály, akkor a következő szabályt CSS:
Ebben a példában, akkor is hasznos lehet egy szabályt margin: 5px 0 0 30px. de vannak esetek, amikor célszerű használni elhelyezése.
10 eloszlanak a háttérszín a cella alsó széléhez oldal
Egy hátránya van az, hogy nem stíluslapok, hogy ellenőrizzék a magassági helyzetét, szemben a táblázat elrendezés. Tegyük fel, hogy meg kell, hogy a bal oldali oszlopban navigációt. És azt akarja, hogy ez a háttér kék volt, mivel a háttér fehér oldalt. Ehhez egyszerű szabály alkalmazásával:
De van egy fogás: a menü magassága kisebb, mint a magassága a képernyőn, majd alatta a képernyő alján látható lesz fehér oldal háttere. Ez rontja a design az oldalon. És mit csinálunk?
Sajnos az egyetlen megoldás a megtévesztés -, hogy referencia dokumentum törzsében egy háttérképet az azonos színű és azonos szélességű, a hangszóró. Csináljuk, mint ez:
A szélessége a kép, hogy állítsa, mint a háttér, meg kell pontosan 150 pixel, illetve és a színe legyen ugyanaz, mint a háttér színe a bal oldali oszlopban. A hátránya ennek a módszernek, hogy nem tudja beállítani az oszlop szélessége em, azaz lehetetlen, hogy egy „gumi” oldalon.
Abban az időben az írás ezt a módszert az egyetlen megoldás arra a problémára, a bal oldali oszlopban. Remélhetőleg CSS3 nyújt még kóser módon kell csinálni.