Css H1, H2 stylization H1, H2 fejlécek
A célja ennek a cikknek, hogy különböző lehetőségek stílus H1, H2 fejléceket. Tag H1 tag fontos a szervezetben az oldal. Általában ez tartalmazza a téma az oldal fejlécében. H1 tag kell elkülöníteni a felhasználó nem nehéz megérteni, hogy mi történik az oldalon a webhelyen. Ezért ez a tag kell egy világos pillanatában az oldal. CSS H1 tag stilizáció lehet egyszerű, de a lényeg az, hogy a betűméret volt a legnagyobb többek között az oldalon. És nem csak azért, mert ez volt szembetűnő, hogy a felhasználó, ez is szerepet játszik az adott oldalt, és ezért optimalizálás.
Tag H2, hogy kiegészíti a tag, akkor egy szemantikai egység H1. Azt is megvizsgálják a stílus.
Az alábbiakban példákat és css stílus H1, H2 fejléceket.
Módszerek stilizatsiih1, h2 fejlécek
A nyugati módja
Opcióként nem rossz, de én nem igazán szeretem a CSS módon végrehajtani a szalagot. Ez a módszer létrehozásának css h1 szalag, találtam az egyik nyugati oldalakon. Ezt a sávot végre tiszta css kód, bár a határokon böngésző kompatibilitási hit (IE egyszerűnek tűnik egység). Az alábbiakban a forráskódban a css stílus.
A HTML-kódot, h1 szalag így néz ki:
My way
Mint látható, css kód nehézkes, mind a stílus csak h1 tag. Ezért kínál módon, hogy egy ilyen szalagot. Krosbrauzernost tesztelt IE, Firefox, Opera, Chrome. Az alábbiakban egy CSS kódot és az összes forrás fájlokat.
Adagolás HTML:
Total images tömeg - 750 bájt. CSS kód nem több, mint két vonal, tömeg - 236 bájt. Elégedett vagyok az eredménnyel, sőt, minden egyszerű és tiszta, ellentétben a nyugati módszer, ahol a tömeg a CSS kód - 980 bájt. Bár a bánya és a nyugati változat súly azonos, a kód sokkal rosszabb, mint üzlet, hogy feldolgozza a képet a Photoshop. Abból lehet kiindulni, hogy a sebesség a betöltés css fájlt, gyorsabb, mint a három fájlt (sumarno azonos mennyiségben egy css fájl), de lehet megvalósítani formájában háttér sprite, ami növeli a letöltési sebességet. Ismerje meg, hogy növelje a sebességet CSS sprite.
Példák CSS H1, H2
Minden példákat alapján végrehajtott módszerem stílus fejlécek (például sitear.ru oldalon).
CSS stílus H1 fejléc
Ebben a részben fogunk összpontosítani valós életből vett példákat hajformázó h1 fejlécet. Példák hangosan, hiszen minden helyszínen egyedi design. Itt látható egy példa egy sokoldalú stílus H1. Saját ötlet stílus fejlécek tudod, szeretnék befejezni a background-image átláthatóság, ami könnyen elvégezhető a Photoshop. Lásd az alábbi példát.
Mint látható, az eredeti kép áttetsző, és az osztályban címsor, a változó értéke a háttér Használt, akkor érheti el a következő eredménnyel:
CSS h1 + h2 (közös stilizáció)
Stílus a H1 és H2 együtt célszerű jelenlétében egy epilógus, vagy egy kis bevezetés a cikket az oldalon, ami lehet elhelyezni h2 tag. Például:
H1 - Styling H1, H2 fejlécek;
H2 - Tanuld meg felhívni a H1, H2 fejléceket css.
Ez az én például nagy valószínűséggel van saját ötlete, hogyan kell felhívni az oldalt. Példa css h1 + h2, hasonló elérése előtt fontolja CSS kódot.
A lényege a közös (h1 + h2) stylization fejlécek hasonló az előre nyúló például, csak ebben az esetben használt div blokkokat.
CSS stílus H2 fejléc
Általános szabály, hogy h2 tag, választja el egymástól az al-cikkekkel vagy egyéb anyag a helyszínen. Például, mint sitear.ru oldalon. Azt tanácsolom, hogy hozzon létre egy szerény, visszafogott, de kényelmes h2 fejlécét. Nagyon tetszik az ötlet, hogyan kell megszervezni a Wikipédián. Azt tanácsolom, hogy hozzon létre és egyaránt. Ez egyszerű és kényelmes. Például:
Egyszerű, kényelmes, és cross-browser.