Módon csatlakoztatható a fájl css stílusokat
Ma beszélünk CSS3, pontosabban, az adaptív vorstke. A nagyon alkalmazkodó vorstku beszéltünk az előző leírásokban. Ebben a cikkben nézzük meg, hogy mit használ az eszközök lehetnek CSS3 képes egy hasonló elrendezést.
Tény, hogy számos lehetőség Ezeknek a szabályoknak, és minden ember úgy dönt, az is tetszik neki. Nézzük meg őket.
Csatlakozó további fájlokat CSS3
Az egyik lehetőség az, hogy csatlakoztassa kiegészítő szabályok CSS3:
Mint látható a fenti példából láthatjuk a kapcsolatot a három CSS fájlok. Az első esetben a fő style.css tartalmaz stílusok, hírek magában foglalja a belső oldalakon helyszínen stílusok, és a profil - style profilod. Egyszerűen fogalmazva, megy a honlap a böngésző betölti a style.css. Ha megy a profilját, majd töltse be a profile.css.
Megjegyzés: a média = „all”. Ez a paraméter azt mondja, hogy a stílus a CSS fogják alkalmazni minden eszköz, függetlenül a készülék és a képernyő mérete. Hogyan lehet, hogy a honlapunkon alkalmazkodni a szükséges felbontásban?
Ha jobban megnézed a kódot, akkor láthatjuk, hogy a média = „all” megváltozott média = „képernyő és (min-width: 600px)”. Ez a szabály, amely csatlakozni fog a mobil változata pad.css. Ebben az esetben a feltétel legyen a felbontás a kijelző egyenlő vagy nagyobb, mint 600 képpont. Ön is használja a paraméter max-width. Ebben az esetben mi határozza meg a legnagyobb felbontás, és a CSS betöltődik, ha a képernyő felbontása lesz kitéve a paramétert.
By the way, az Apple termék kell a saját kód:
Úgy tűnik, minden szép és tiszta, minden eszköz vannak írva a stílus és CSS betöltött segítségével média = „képernyő és (min-width: chislo.px megadva)”. Azonban sok kis stílus - a kérelmek nagy száma miatt a szerver. És ez lehet egy kihívás elfoglalt területek. És előírások web-mester azt mondják, hogy jobb, hogy egy CSS fájlban.
Egy másik módja, hogy csatlakoztassa a CSS is @import irányelvet. @import irányelv nagyon érdekes. Ez lehetővé teszi, hogy a link opció nem HTML és a CSS. Hogy ez mit jelent. Már kitaláltam, hogy ne rendetlenséget fel a fejét összeköttetései típusú kapcsolat. Most, hogy van egy CSS egy csatlakoztatott link típusát adja meg @import paramétert, például:
Azaz, akkor tényleg csatlakoztathat további CSS CSS. Például behelyezése CSS a második sorban, akkor kényszeríteni csatlakoztassa CSS az iPad. Ebben az esetben van összefüggés egy CSS. Eddig azonban nem telt el anélkül, egy kanál kátrány. Tény, hogy ez a csere @import kapcsolat, nem csak a HTML, CSS és. Ez azt jelenti, hogy még mindig vannak további kéréseket a szerver, mint az N-edik számú CSS fájlok. De a fő probléma az, hogy @import támogatja a média típusa, mint például: vetítés, tv, ellenző. Tehát nem csak az, hogy IE 8 verzió nem érti @import, így egyre több és CSS nem töltődik be egyáltalán, ha van egy hordozó típusát.
Nos, az utolsó véleményem, megkapjuk eljárás adaptív elrendezése általában CSS - @media vagy médialekérdezés. C-Media lekérdezések létrehozására adaptív vorstku, nem kell csatlakoztatni további CSS. Úgy néz ki, körülbelül így:
Kedves olvasók! Ha megtalálta a hibát a szövegben, ne legyen lusta, jelölje ki a szót, és nyomja le a CTRL + Enter. Nézzük, hogy a nyelv tiszta!