Csatlakozó stíluslapok
Három fő módon csatlakoztatható a CSS. most úgy sorrendben.
Ahogy már mondtam, css célja ráirányítani a html design, azaz, hogy nekik a megjelenés, szín, méret, hely, és így tovább, és így közvetlenül befolyásolja a html kódot.
Annak érdekében, hogy ezt a hatást, amelyhez kapcsolódik, css html dokumentum.
Az első utat csatlakozni css - fugacitás stílusokat. Akkor alkalmazzák, ha a stíluslap van írva egy külön fájlban.
Ebben az esetben a fájl style.css stylesheet csatlakozik a html fájlt a fejét tag, a link tag
Link - egyetlen tag;
href - attribútum hivatkozást ismerős számunkra, css / stile.css - az érték azt jelzi, a fájl elérési útját és fájlnevét;
típus - az attribútum típusát jelző plug-in elem, ebben az esetben text / css;
rel - attribútumot definiáló kapcsolat, és az értéke jellemzően írásos stíluslap (stíluslap);
Ez a kód általában változik, csak az érték style.css (nevét a plug-in a táblázatot). Asztalok vannak kötve.
Most a böngésző megjeleníti a html fájl olyan formában, hogy regisztrálják a style.css fájlt neki.
By the way, a jövőre nézve. Ahhoz, hogy egy html fájl, akkor csatlakozni tetszőleges számú stíluslapok. Mindegyik kapcsolódik a toldalék fejét.
És ez vonatkozik gyakrabban, éppen ellenkezőleg, egy asztal is csatlakoztatható sokasága html fájlokat.
Ez az előnyös módon kapcsolódni stíluslapok, így azok mind egy-egy fájlt, és így könnyebben meg kell határozni.
És azt is, ha meg kell változtatni a stílusát számos hasonló elem, akkor sokkal könnyebb megtenni, ha azok egy-választó.
Bár amit mondok következő, már nem hivatkozik az optimalizálás, de ez még inkább hangsúlyozzák a fent leírt módszerrel.
Az a tény, hogy az egyik webmesterek feladata, hogy csökkentse a hangerőt a kód megváltoztatása nélkül a végeredmény, és egy külön fájlban style.css legjobban megfelel ennek a követelménynek.
Képzeljük csak el, hogy írjon az a cikk címe, meg kell kérni rá a méret, szín, betűtípus, és talán még valami a stílus. És így minden üzenet.
A style.css fájlt, akkor meg a stílus is egyszer, hanem minden a címek bloghoz.
Most már tudja, a különbség?
Mindazonáltal más módszerek kapcsolat stílusok megvan a maguk helye, úgyhogy nézzük meg őket, és azokat a helyzeteket, amelyekben alkalmazzák őket.
A második utat csatlakozni css- globális stílusok csatlakoztatását teszi lehetővé (pozicionálás) stíluslap közvetlenül a html fájl.
Ezt használja a stílus tag. és regisztrálja azt ugyanaz, mint az első esetben a tag fejét.
Mint látható, a stílus lap található, közvetlenül a html fájl. Mindez ugyanúgy működik, mint az első módszer a kapcsolat, de ritkábban, mert a bulkiness, és ami a legfontosabb, mert az képtelen befolyásolni stílusok több fájlt.
Sokkal könnyebb a hibakeresés, dokumentum, és ha igen, HTML és a CSS ugyanazon az oldalon, és gyorsan korrigálni, majd, és így tovább.
A harmadik utat csatlakozni css - lehetővé teszi, hogy belső stílusok felírni stílusok csak belül a html tag.
Ez úgy történik, hogy a style attribútum. amelyet nem szabad összetéveszteni a ugyanazt a címkét.
Alkalmazzuk, ha kell kiadni csak egy tartalmi elem.
Például, hogy a szöveg egy részét, és meghatározza stílusok neki megkötése egy span tag
Így lehet, hogy a tervezés egy darab szöveget. És ez egy jobb módja annak, hogy kizárólag az ilyen kis zárványok.
Bár, így tud csatlakozni a stílusok, beleértve a pozicionálást, és a kód érvényes lesz, de a túlzott használata a beépített stílusok, növekedéséhez vezet az oldalak betöltési ideje.
Miután a böngésző, hogy meghatározza azokat a style.css fájlt. majd megy az oldalra, meg kell határozni, illetve újra a tervezés egyes elemeinek.
Nem mindig van kérdése? kérdez
- Tegnap, hosszú ideje próbálta elmagyarázni nagyi, én programozóként dolgozik ...
Röviden, egyetértettek abban, hogy chinyu vel és tenyészteni egerek ...
Hurrá! Értettem. Ha valaki felébred azonos gubanc. Általában én minden működött, amikor elkezdtem, hogy próbálja meg egy helyet php. Dinamikus weboldal. Aztán létrehozott egy mappát css stílusokat. Ahhoz, hogy style.css stíluslapot. Csatlakoztassa link rel = »stylesheet» type = »text / css» href = »css / style.css» / Home nevű helyet index.php
Hiba, hogy azt mondja nem látok. De ahogy a stílus nem működik, a böngésző nem találja a fájlt syle.scc. Valahol van egy kis hiba. Szeretném látni az egész könyvtárat. Valószínűleg egy új perspektívát, azt látták. Próbálja dobja rám Mejl [email protected]. vagy skype webded1, a mappát. Meglátom.
Jurij Nyikolajevics mondja:
Talán tudod, hogy miért nem működik stílus?
Ha csatlakozik a (fej fej) html - így style type = »text / css» -
minden működik. Ha állok stílusok egy külön fájlban style.css (csatlakoztassa, mint: link rel = »stylesheet» type = »text / css» href = »style.css»), és ez a fájl ugyanazon a helyen, és az index.html fájlt, túl minden működik hurrá.
Tudomásul veszem, hogy itt href = »style.css» felírt elérési utat a css fájlt. Például én létrehozott egy css mappát, és visszaköltözött stíluslap, ez a módja: href = »css / style.css». SO leáll. (Link rel = »stylesheet» type = »text / css» href = »css / style.css») Hol a hiba? Mondd, ha tudod kérlek. Ez várja a választ.
Ez érdekes. Általában milyen attribútum értékben előtt, és néhány később, semmi sem változott, a böngésző továbbra is figyelembe veszik azokat. És a kiértékelő nem termel hibákat. De figyelembe fogja venni. Köszönöm.
Jurij Nyikolajevics mondja:
Ez annyira
link href = »css / style.css» type = »text / css» rel = »stylesheet»
ez annyira
link rel = stylesheet »» type = »text / css» href = »style.css»
Jurij Nyikolajevics mondja:
Itt van egy kis elírás.
Az első út - Kapcsolódó stílusokat.
A sor ki van jelölve
Ebben a formában, nem akarok dolgozni.
De ebben a formában működött.