Mi az a CSS és a CSS3

Mi a stílus? Nagyjából elmondható, hogy a stílus az, ami úgy néz ki, mint egy elem az oldalon. Például bármilyen szöveget írhat mérete 10 pixel, és lehet 14 pixel. Írhat fekete, lehet kék. Akkor hangsúlyozzák / tilt / kihúz stb Minden szöveg formázását kapcsolódó CSS.

De ez csak egy kis része a lehetőségeket. A teljes megjelenítés minden html tag reagál CSS. Még a dinamikus változások: legördülő menüben jelölje ki a linkeket, ha lebeg.

Leggyakrabban egy listát az összes stílus az úgynevezett „CSS stíluslapot.”

CSS célok és célkitűzések

  • Hogy az oldal még szép (a tervezés), hogy felhasználóbarát felület, és könnyen oldalakat valahogy különbözik egymástól
  • Szét a html kódját a leírás stílusok és minták

szintaxis CSS

A választó általában a neve a stílus. A fogszabályozó leírja meghatározott szabályoknak. Leírás mindig bekövetkezik a szabály alapján: attribútum neve, a vastagbél, az értéke. Minden szabály kell pontosvesszővel végződnek.

Beállíthatjuk stílusok különböző módon. Nézzünk egy példát.

Stílus lehet használni az összes tag global_style, mint egy osztály. Például,

.

Style1 stílust lehet használni, hogy a címke csak . mivel definíciójában megadott font.style1.

Harmadik kiviteli munkát a rostélyon ​​(#). Csakúgy, mint az első esetben, ez határozza meg az összes elemet, de be kell állítani, nem osztály, és az id attribútum:

Az utóbbi esetben, egyszerűen jelezte címke nevét

és előírt neki stílusban. Ez azt jelenti, hogy most már minden h1 tag fogja örökölni az értéke ennek a stílusnak.

Nemrégiben akkor gyakran a koncepció CSS3. Valójában ez ugyanaz CSS, egy sor új érveket, amelyek további lehetőségeket a különböző hatások. Például izzás szöveget. Sok böngésző nem támogatja ezeket a tulajdonságokat, ezért javasoljuk, hogy ezeket a hatásokat minimális mennyiségben.

Mi a különbség a CSS és HTML-t?

HTML a csontváz az oldalt, linkeket, képeket, tartalmat. És a CSS határozza meg, hogy mindezt jelenik meg a felhasználónak. Annak érdekében, hogy a HTML és CSS két különböző dolog, de azok kapcsolódnak. Sőt, a bevett gyakorlat az, hogy osztja a kódokat egymást, hogy ne keverjük össze őket egy oldalon.

Hogyan és hol kell beállítani a CSS stílusokat

A stílus határozza meg a meta tagek segítségével fej stílusa tag:

De ez rossz, mert zsúfolt kód leírások stílusokat. Különben is, ha ez a kód megegyezik az összes oldalt az oldal, akkor változtatni mindenhol, meg kell bütykölni. Ezért speciális kiterjesztésű fájlok Css, amely tartalmazza az összes stílus. Ez úgy történik, egy linken keresztül címkét a osztályvezető:

Az előnye, hogy ez a megközelítés ugyanaz, és hogy a fájl cache böngészőt használ, amely csökkenti a „tömeg” a helyszínen, így ez gyorsabb boot. És ez nagyon fontos a SEO. Lásd. Hogyan lehet növelni a letöltési sebesség

Mitől CSS (plusz)

  • Ez könnyű megváltoztatni a design. Ahhoz, hogy változtatni a stílusát csak egy helyen, és ez megváltoztatja minden oldalon
  • Ez az egyetlen módja annak, hogy változtatni a design
  • Egyszerű nyelvi szintaxis

CSS problémák böngészők

Régebbi böngészők nem támogatják az összes CSS tulajdonságait. Ezzel a leképezés problémák merülnek fel. Például egy hatás, amely szánt jobb médiumok tartalmi, vezethet az ellenkező hatást. Ha bármely tulajdonság nem támogatott, azaz blokkolja bevezetéséről kockázatok egymásra szövegek stb

Része ez a probléma megoldódott „előtagot”. Valójában ez csak egy szó előtt álló érv egy stíluslapot. Van egy előtag minden böngészőben.

  • -moz- Firefox böngésző
  • -webkit- Chrome és Safari böngésző (mindkét böngésző ugyanazt a megjelenítő motort)
  • -MS- az Internet Explorer
  • -o- az Opera böngésző