Minden böngésző saját stílussal

Annak ellenére, hogy a modern böngészők fokozatosan közelít egymáshoz a képességek és támogatja a CSS specifikáció (DCS), közöttük is vannak különbségek a megközelítés. Minden böngésző értelmezi a saját belátása kód SHTML és stílusok különösen. Lehet vitatkozni, hogy melyik böngésző „korrektebb”, a lényeg továbbra is az egyik - mindaddig, amíg számos böngészők és embereket alkalmaznak, a helyszín kell tenni annak érdekében, hogy helyesen és hibák jelennek meg bennük. A legtöbb ember csak közömbös mindenféle szabványok és előírások, ha csak azért, hogy nem tud a létezésükről. Sokan nem is tudják, mit SHTML és használja a böngésző van telepítve a rendszerben alapértelmezés szerint. Az emberek jönnek vonatkozó információkat tartalmazó honlapok és érdekli, hogyan lehet gyorsan és gond nélkül. Ha a kedvenc böngésző „görbe” jeleníti meg a helyszínen, akkor könnyebb, hogy nem érti, mi történik, és zárja be a helyszínen, és megy egy másik, az előny, hogy most sok minden témában.







Így arra a következtetésre jutunk, hogy szükség van, hogy egy univerzális kód „kihegyezett” a különböző böngészők, ami azt jelenti, hogy meg kell tanulni a jellemzőit és tesztelni sok fájlt. És itt állunk szemben ellentmondásokat alkalommal a böngésző bypass hogy csak akkor lehet írásban CSS címkéket (SSC) az egyes böngészőt. Az alábbiakban nyomon követhető módon, hogy figyelembe veszi a sajátosságait a böngésző, és lehetővé teszi, hogy csökkentsék az időt és energiát, amikor helyek létrehozása.

document.write ( "„)

ahol style.css (SSC) egy fájl az adott böngésző.


DOM = document.getElementById;
Netscape4 = document.layer;
Netscape6 = Mozilla = (navigator.appName == "Netscape") DOM;
Netscape7 = navigator.userAgent.indexOf ( "Netscape / 7")> = 0;
Opera5 = window.Opera DOM;
Opera6 = Opera5 window.print;
Opera7 = Opera5 navigator.userAgent.indexOf ( "opera 7")> = 0;
Opera8 = navigator.userAgent.indexOf ( "opera / 8")> = 0;
Opera9 = navigator.userAgent.indexOf ( "opera / 9")> = 0;
IE = document.all ! Opera5;
Tűz Foch = navigator.userAgent.indexOf ( "Tűz Foch")> = 0;
ha (IE) document.write ( "„);
más document.write ( "„);



.



Ne gondold, hogy az egyes stílusok kell írni minden böngészőben. Például a Netscape (6-os verzió felett), a Mozilla és a Tűz Foch alapján az egyik mag, az úgynevezett Gecko, így c munka a honlapunkon közel azonos. Valamelyest hasonló megközelítést böngészők Internet Explorer, Opera 6. és 7. és a legtöbb esetben ők képviselik az eredmény egyaránt helyesek. Kiderült, hogy általában szükséges létrehozni, csak két különböző stílusú, Ajánlott böngészők tartozó különböző „táborok”.

Gyermek szelektor

CSS Specification (SSC) azt mondta, hogy a> szimbólum (jel „több”) kezelésére használják a gyermek elemeinek stílusát. Vedd H1> I jelzi a böngésző, hogy létrehoz egy zöld színű a címke tartalmát csak akkor, ha a cím

Ez a közvetlen szülő érte.

Vannak konkontentnye szelektor a küldetés nagyon hasonlít gyermek szelektor. Ebben az esetben, a két szelektorok vannak írva egy sorban szóközzel elválasztva.

DIV> I / * A gyermek választó * /
DIV I / * Konkontentny választó * /

A különbség az ilyen típusú, a következő szelektor. Stílus választó alkalmazzák a gyermek csak akkor, ha ez egy közvetlen leszármazottja, más szóval, közvetlenül található a szülő elem. Mert konkontentnogo választó vállal szintű fészkel. Annak érdekében, hogy világos, hogy mi forog kockán, mi magyarázza a következő kódot (2. példa).







2. példa helytelen használata leányvállalata választó


Lorem ipsum dolor sit amet.


A bemutatott példában a hozzáadásával a címke

. ezen belül helyezkedik el para

. és ő viszont tag . A stílus, a tartalom van írva, hogy változtatni a színét, hogy piros a választó . de csak akkor, ha közvetlenül belül

. És a mi esetünkben a címke belül található

. így nem fogja alkalmazni a stílust. Ahhoz, hogy ez a munka, akkor használja az alábbi készletek.

P> I
DIV> P
DIV> P> I

Konkontentnye szelektor nem veszik figyelembe a rendelést beágyazott elemeket, ezért elhelyezhet DIV I 2. példa akkor működik megfelelően, azaz a tartalom szín vörösre változik.

Térjünk most vissza a böngésző. Internet Explorer (IE) nem érti a gyermek szelektor, de jól működik konkontentnymi. Létrehozása CSS kódot (SSC), amely szintén tartalmaz ilyen és más szelektor, ezáltal különbséget a stílus az IE böngésző, és az összes többit. Bár konkontentnye szelektorok értjük minden böngésző, ezt követő vonal felülírja az aktuális beállítást stílus (3. példa).

3. példa szelektorok különböző böngészők


Lorem ipsum dolor sit amet.


Ez a példa azt mutatja, hogyan lehet létrehozni egy zöld tartalom az IE böngészőt, és piros - az összes többi.

Az Internet Explorer 5 böngésző észre egy érdekes funkció - megérti a szerkezet SHTML> választó. hogy más böngészők, beleértve a régebbi verziójú saját figyelmen kívül hagyni. Hozzátéve stílus kód SHTML tartalom> DIV Kapunk egy tartalmat, amely a tag

. piros. De csak az IE 5.

univerzális szelektor

Utalni bármely elemének CSS (SSC) használunk csillaggal (*), ami azt jelentette, egyetemes választó. Magától értetődő, minden böngésző, hanem a kombinációja * SHTML - csak egy Internet Explorert. Így, a stílus változás a különböző böngészők bemutatott 4. példa.

Példa 4. Az univerzális szelektor


Lorem ipsum dolor sit amet.


Ebben a példában egy stílust IE és az összes többi böngésző.

A szögletes zárójelek között elfogadható, hogy az alábbi kulcsszavakat:
IE - bármely változata Internet Explorer;
IE 5 - Internet Explorer 5;
IE 5.5 - Internet Explorer 5.5;
IE 6 - Internet Explorer 6;
IE 7 - Internet Explorer 7;
lt - a böngésző verziószáma kisebb, mint ez;
GT - verziószám nagyobb, mint a megadott;
LTE - verziószám kisebb vagy egyenlő, mint a megadott;
GTE - böngésző verziószáma nagyobb, vagy egyenlő, mint a megadott.

Mivel ezek az elemek lehet írni csak a tartályban . meg kell adnia egy címkét


  1. Lorem ipsum dolor sit amet

  2. Consectetuer adipiscing elit

  3. Sed diem nonummy nibh euismod

  4. Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, Quis nostrud exerci mény ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Közlemény. Undefined variable: o /home/www-html/data/www/www-html.ru/-id=67.htm on line 451

CSS (SSC) a témában

háttér
Ez a paraméter lehetővé teszi, hogy akár öt egyidejű háttér stílus tulajdonságait. Az értékek lehetnek bármilyen sorrendben, a böngésző fogja eldönteni, hogy ezek közül melyik felel meg a kívánt tulajdonság.

kijelző
Többcélú tulajdonság, amely meghatározza egy elem jelenik meg a fájlt.

párnázás
Beállítja az értéket a mezők körül a tartalmi elem. Mező azt a távolságot értjük a belső széle a keret elem egy képzeletbeli négyszög határoló a tartalmát.

szélesség
Beállítja a szélessége blokk vagy cserélhető elemek. A szélessége a határ nem tartalmazza a vastagsága az elem körül érték mezőket és francia.




Kapcsolódó cikkek