Hogyan kell beállítani a CSS stílus

Négyféle módon meghatározhatja a CSS stílus a HTML tag.

2) A beültetett stílusban

3) Az importált stílust.

4) stílus egy fájlból.

És ebben a cikkben fogjuk nézni négyféleképpen.







Kezdeni az első út - ez inline-style. Ez a stílus megadva közvetlenül a tag. Például:

szöveg

Ebben az esetben arra kértük, hogy az elem „szöveg” a mérete 150% és középre. Ez egy példa inline-style.

A második út - ez egy ültetett CSS stílust. azaz, a stílus, amely dokumentumban meghatározott fej, a tag . Például így:

Ott lesz a következő: az összes elem belsejében a címke

Ez lesz az alábbiak szerint történik: a szín piros lesz, és a felső margó lesz 100 pixel.

A harmadik módon is meghatározható CSS ​​stílus - az importált stílusok. Azt is, beágyazva a fejét a dokumentum meg, de már a fájlban. Itt egy példa:



Itt a stílusokat a fájlt „my.css” érvényes lesz az egész oldalt.

És az utolsó típusa CSS stílus - a stílus egy fájlból. Ez a módszer a leggyakoribb, és csatlakozik a stílus fájl tag vezetője a dokumentumot. Például, az alábbiak szerint:



Ez a módszer nagyon hasonlít a korábbi módszerrel, de nem használja a címkét

Hogyan kell beállítani a CSS stílus
Csak krokodilok menteni ezen ország seggfej
Csak krokodilok menteni ezen ország seggfej
Csak krokodilok menteni ezen ország seggfej
Csak krokodilok menteni ezen ország seggfej
Csak krokodilok menteni ezen ország seggfej
Csak krokodilok menteni ezen ország seggfej
Csak krokodilok menteni ezen ország seggfej
Csak krokodilok menteni ezen ország seggfej

Ki kell használni ezt a szöveget, mint az abszolút helymeghatározás, és minden koordinátákat nehéz kódolni. Ez az, amiért ne forduljon a képet.

Link - egyetlen tag. A szabvány szerint HTML4 van írva ahogy meg van írva ma.

Helló, Michael! Vegyünk egy öreg ember, egy újonc a cég. Néhány hónappal tartotta szemmel a összejövetelt, néhány évvel korábban tanult web-technológia Inta. Szükségessége kénytelen segítséget kérni. Néhány napig nem tudok rájönni, hogy miért oldalamon egy egyszerű beágyazott stílus és inline-style jól működik, és az importált a stílus és a stílus a fájl munkát a csonk-deck. Például a css-fájl rarzmeschayu egyetlen bejegyzést: body . De ez nem működik azonnal, egy ideig megjelenik a színek korábbi beállításokat. Csak miután tíz kezdődik, és néha csak egy nappal azután fordult a PC, vannak új színek. Úgy tűnik, hogy mivel a tehetetlenség néhány korábbi szín egy ideig „összetörni” az új beállításokat. Helyi OpenServer, lehet építeni, „aknák”. Még csodálkoztam időről időre időről időre változtatni színét, kapcsolja ki / be a szerver, de nem talál semmilyen rendszerességgel. Csak egy pár alkalommal, amikor egy új funkció aktiválásakor az első dob. Miután engedélyezése / tiltása a PC - igen, a régi beállítások elvesznek, de ismét színe megváltozik, és a helyzet ismétlődik. Bárki, aki érdekelt a választ nekem.

Szia, Gennagyij. Próbáld meg megtisztítani a gyorsítótárat, csak ellenőrzi, hogy van más stílus, talán ők valahol átfedésben az is, hogy a használni kívánt.

Helló, Sándor! Köszönöm a gyors választ, bevallom én nem számítottam. Rendszeresen elvégezzük tisztításkor CCleaner. De mi a helyzet a jelenlévő más stílusok, kösz a tippet. A laptop egyedül dolgozni, a helyi szerver, nincs más szkriptek, mint a nem. De csak most vette észre, hogy nem működik a beállítás, ha a böngésző több példányban én szerény hely, minden másolat kerül egy külön lapra, és persze mindegyiknek megvan a saját példányát a vizsgálati beállítás megkülönböztető színeket. De minden példányát a másolatokat az indítójelgenerátor kezdődött, az első. És mindez a „tető” a helyi kiszolgálón. Ha html-fájlt közvetlenül a böngészőben, megkerülve a helyi szerver, akkor minden rendben van, azaz minden böngészőlapjait minden példányát a helyszínen, ebben az esetben helyesen jeleníti meg a saját színeket, függetlenül attól, CSS stílusok határozzák meg, hogyan. Úgy tűnik, hogy operservere hiba, ha egy külső css-fájl azonos példányát processzor css-stílusú művek több lapot. Ezért az alkalmazás beállításait, amely elindította az első, valószínűleg továbbra is fennállnak a következő böngészőlapokat. Jön egyfajta nemkívánatos öröklési stílusok egy lapról a másikra. Stílusok lap első „összetörni” a többi lap stílus. És ez természetesen vonatkozik a további szükséges beállításokat, és nem csak a virágokat. Még egyszer köszönöm a tippet Alexander.

Helló Michael! Én a következő problémát. Azt rendszeresen frissíti a CSS táblázat webhely importálásával meglévő fájl révén új blokkok @import. Most, az új stílus változásait csak akkor lép érvénybe oldal ismételt betöltése után, hogyan lehet elkerülni azt. Úgy látszik, CSS stíluslapok betöltötték a böngésző cache (az én esetemben ez IE11) és hogyan lehet a oldalstílusokat mindig betöltve csak a szerverről.




Kapcsolódó cikkek