Lépcsőzetes css stílusok - 1. rész - a minimálisan szükséges ismereteket dolgozni css
Mik azok a Cascading Style Sheets (CSS), és mit csinálnak
Egy szóval Cascading Style Sheets, vagy a CSS jelentenek dokumentumot egyedi kódot. A dokumentum kifejtett konkrét szabályok, ezáltal a megjelenését a webhelyen. Ahhoz, hogy megértsük a hasznosságát CSS, adok egy kis példa.
Tegyük fel, hogy hozzon létre egy honlapot a tiszta HTML. Be kell írni az összes tag kézzel, így a megjelenés és a design a webhelyen. Idővel az anyag mennyisége növekszik, és hirtelen meg akarja változtatni a design egy kicsit. Például, hogy az összes oldal szöveg színe fekete, és szürke. Ha sima HTML, akkor meg kell változtatni a kódot kézzel minden egyes oldalt külön-külön, hogy időt vesz igénybe. Mindez elkerülhető, ha egyszerűen összeköti stíluslapot. Lehetőség van létrehozni és módosítani semmilyen szabályt, amely azonnal tükröződik a webhelyen. Ennek eredményeként, a színváltozás az egész oldalon csak néhány percet vesz igénybe, függetlenül attól, hogy az oldalak számát rajta.
A fenti példa azt mutatja, csak egy kis része a jellemzője Cascading Style Sheets. De ahhoz, hogy használja őket, legalább egy kis részét, szükséges, hogy legalább minimális ismerete CSS. További ebben a cikkben fogom mesélni az alapvető szabályokat, hogyan lehet létrehozni és szerkeszteni szabályok Cascading Style Sheets. Ezzel a tudással, akkor nem lesz nehéz, hogy a kiigazításokat a design a webhelyen. Tehát az üzletet.
Milyen szabályok (osztály) CSS és hogyan lehet létrehozni őket
Annak érdekében, hogy megértsük, mi CSS osztályokat, és hogyan játszanak szerepet megint folyamodnak majd példákat. Nézzük meg az egyik legnépszerűbb kérdések foglalkoztatják új webmesterek - létrehozását a szerzői jogokat. A szerzői jog a következőképpen néz ki:
és lesz referencia. Ha csak hozzá Lábjegyzet szerzői kódot, akkor a szokásos formáját. Gyakran ez gyakori az egész oldal betűtípus, szín, link aktív és lebeg, és sok egyéb paramétereket. Annak érdekében, hogy ezt, meg kell, hogy hozzon létre egy lépcsőzetes stíluslap (CSS) egy új szabályt (osztály), és a link, hogy a szerzői jog. Ez mind kész nagyon egyszerűen. Ahhoz, hogy hozzon létre egy új osztályt CSS stíluslap megnyitja honlapunkon (általában a style.css fájl gyökerében található az oldalon, vagy a sémát használ), és a végén adjuk hozzá a következő sorokat:
A CSS egy új osztályt a kifejezések és nevek, ami rögtön utána. Tehát, hogy létrehoztunk egy üres CSS osztály. Most létre kell hoznunk egy szabályt, amely meghatározza a megjelenés a stílust. Vannak írva zárójelek "<>”. Miután minden jogot, hogy a pontosvessző „;”
Például, azt szeretnénk, hogy a font a szerzői fekete volt, a mérete 12 pixel, Tahoma család és középre. Ehhez hozzá kell adnunk a CSS osztály a következő:
Mivel a szerzői jog egy linket tartalmaz, amely egy újabb osztályt a linkeket, és azokat sötétszürke:
És a linkek CSS osztálya, ha mozog, hogy nem ugyanaz, sötét szürke színű:
Ezt követően, csak hozzá a lábléc copyright kódot, és alkalmazza azt a létrehozott osztályba
Most hoztuk létre a szerzői fekete lesz, és ha mozog lesz sötétszürke, majdnem fekete.
Remélem ezt a példát, hogy segítsen megérteni a funkciók CSS stílusok, valamint segített megtanulni, hogyan lehet létrehozni saját vagy szerkesztheti a meglévőket. De ez a munka lépcsőzetes stíluslapok nem ér véget. Nézzük meg, hogyan lehet csatlakozni egy stíluslapot a honlapunkon.
Ez úgy történik, nagyon egyszerűen. Ehhez nyissa meg a szerkesztési oldalon a honlapunkat, és adja ki a címkéket
sor:Mivel az egyszerű HTML oldalak szinte nem használt, annak érdekében, hogy csatlakoztassa a stíluslapot az egész hely egyszerre, akkor meg kell nyitni a header.php fájlt (CAP hely), és add kódot is.
Típusú szabályok Cascading Style Sheets.
A CSS-ben is létrehozhat saját szabályait, és módosítsa a meglévő címkéket. Nézzük az első típusú szabályt. Például, hogy a paragrafus. Alapértelmezésben ez már megvannak a saját szabályai, amelyek meghatározzák a megjelenését. Annak érdekében, hogy változtatni őket mi a teendő. Nyissa meg a stíluslap, és hozzon létre egy szabályt minden pontban.
Mivel a szabály jön létre egy adott tag, akkor egyszerűen kell regisztrálni a nevét nélkül egy pont és a különböző konzolok. Ezután nyissa meg a nadrágtartó, ahol lesznek előírt különös szabályok CSS, amely meghatározza a megjelenése bekezdések. Például, hogy a szöveg minden bekezdését világosszürke, 12 pixel betűméret és betűtípus Verdana csinálni. Ehhez írja elő a következőket:
Mint látható, az első írt az ingatlan, majd az értékét. Ellentétben az egyszerű HTML itt, hanem a „=” írunk „:”, majd egy pontosvessző. Ez azt jelenti, hogy a teljes leírást a tulajdonságait.
Ez volt az első szabály típusát. Most a második. Például, azt szeretnénk, hogy egy bekezdés állt ki a többiek közül. Például, hogy ez a kék. Ehhez meg kell tennie a következőket. Nyissa meg a stíluslap, és hozzon létre egy új szabályt.
Annak érdekében, hogy alkalmazza azt a gyakorlatban, akkor meg kell nyitnia egy dokumentumot nyomtatott kódot, hogy szeretnénk változtatni, és adjuk hozzá a címkén belüli
létrehozott szabály CSS.
Most nézzük meg egy harmadik típusú szabályokat lehet alkalmazni, hogy minden tag. Létrehozni őket, akkor a következőket kell tennie:
Mint látható, nincs értéke a lényeg. Ez azt jelenti, hogy a CSS szabály vonatkozik minden olyan tag. Ehhez egyszerűen regisztrálnia kell a megfelelő helyre. Például H2 fejléc.
Most pont a formája, amely akkor tapadnak rá a Cascading Style Sheets.
A következő pillanatban, ami beszélni, azt, ami ugyanazt a stílust több címke. Ehhez helyett másolni egy stílust, akkor csak vesszővel elválasztott lista az összes tag. Ez segít elkerülni a felesleges kódot. A gyakorlatban ez a következőképpen néz ki:
A fenti példában, mi vonatkozik egy szabályt bekezdések és fejezetek a második és a harmadik szint. Mindezek mellett a CSS is lehetővé teszi, hogy hozzon létre beágyazott szabályokat. Például, szeretnénk minden szava félkövér betűtípussal egy bekezdésben színe piros volt. Ez úgy történik, nagyon egyszerűen. Ehhez hozzon létre egy új CSS szabályt, és adja hozzá a szükséges címkéket.
Most minden a szavakat, amelyek kiemelt és erős címkéket a bekezdésre változik a színe a vörös. Így meg lehet változtatni a megjelenését a kijelölt szöveg félkövér, nemcsak, hanem más címkéket, például címkéket em felelős kijelző dőlt.
És végül nézzük meg a szabályokat linkre államok. A HTML hivatkozások jönnek létre az alábbiak szerint:
A fogszabályozó írnak a megfelelő tulajdonságokat minden CSS szabályt.
Ez minden. Sok szerencsét, és hamarosan találkozunk a blogoldalakon dmitriydenisov.com
Hibát talált? Válassza ki és nyomja meg a Ctrl + Enter
Nyomtatható változat