A háttérszín a CSS, hogyan lehet létrehozni egy honlapot a semmiből

Nagyon gyakran megkérdeznek kérdések -, hogyan kell változtatni a háttér színét, feliratot font, hogyan lehet a link aláhúzott vagy változtatni a kinézetét az oldalsáv. Sőt, van olyan, hogy a kiválasztott témát az egész elégedett, de szeretném, hogy a forma kis változások oldalon. És ha egyáltalán - teljesen megváltoztatni a minta, ami különleges és egyedi.

Azt hiszem, ezt az információt az olvasóim nem elég, ezért szeretnék bevezetni egy új szakasz, amely megtanítja az embereket a technikai oldalát. Röviden, abban az esetben, és gyakorlati példákkal. Általánosságban elmondható, hogy a gazdaság, mint a tudás mindenképpen hasznos.

Az összes fenti problémák megoldódnak segítségével CSS. ott style.css fájlt között a sablon fájlokat. Ha megnyitja, akkor megjelenik egy hosszú érthetetlen kódot. Nehéz és ijesztő amilyennek látszik első pillantásra. Ha egy kicsit többet a CSS, akkor győződjön meg róla, hogy minden nagyon egyszerű és nagyon érdekes.

CSS (Cascading Style Sheets - Cascading Style Sheets) - egy különleges nyelv, amely képes leírni a design a helyén. Ugyanez a funkció elvégzésére html, de sokkal kevesebb lehetőséget, sokkal nehézkesebb és kevésbé rugalmas, nehezen kezelhetők.

Nem megyek bele az elmélet, és mondja, hogy hol és milyen volt a CSS, mi nem írt egy lejáratú papírok. Meg kell tanulni, dolgozni vele, így megyek gyakorolni - a háttérszín a CSS-ben.

Megértjük, hogy írtunk, fentről lefelé:

  • nyitó címke kezdetét jelzi a html-dokumentum (oldal)
  • nyitó címke Ez jelzi az elején a „sapkát” a lap
  • címkék aláírta a dokumentum címe. Nem jelenik meg az oldalon, és csak akkor látható a böngésző cím
  • A záró tag - sapka alatt
  • meghatározta továbbá a háttér színe az oldal. Egyáltalán nem fogom rágni, tegyük fel, hogy van egy kis html tudom.
  • nyitó címke - a test tetején
  • címkék lépett az oldal fejléc - a fejléc, szemben a címet, látható
  • A záró tag - a test a dokumentum elkészült
  • A záró tag - az egész dokumentumot

Mentsd el a fájlt, és nyissa meg a böngészőben. Látni fogja, egy oldalon csodálatos zöld színű. Ez a szín kértük az ötödik sorban egy normál html. Most ugyanezt csinálja, csak ezúttal a segítségével CSS. A CSS-ben a háttér színét lehet beállítani az alábbiak szerint:

Amennyiben a szervezetben - ez az egyik eleme, amely az ingatlan fogják használni (ebben az esetben a szervezetben az oldal)

background-color - Ez a tulajdonság, amelyet (itt a háttér színe)

# 113a03b - ingatlan értékét. Van egy színkódot.

További feladat -, hogy valahogy társítani a dokumentumot a stílust. A legkényelmesebb és legnépszerűbb módja az, hogy csatlakoztassa a külső CSS fájlban.

1. Nyissa meg a fájlt a korábban létrehozott style.css és tegye ezt a mi háttér:

2. Nyissa meg szerkesztésre file.html és kissé változtatni a kódot:

Képzeljük el, hogy a webhely 20 (vagy 50, vagy 100) írt oldalakat teljesen html, használata nélkül CSS. Ebben az esetben módosíthatja a háttérszínt, akkor meg kell szerkeszteni az egyes oldalak külön-külön, ami elég zavaró. CSS sokkal egyszerűbbé teszi a feladatot, amely lehetővé teszi, hogy közvetlenül a egyszerre több fájlt. Átírja a fájl style.css színkódot, akkor azonnal változtatni a háttérben egyszerre az összes oldalon.

A háttérszín beállítása az alsó sorban (mindaddig, amíg más tulajdonságok nem veszik figyelembe). Változás a digitális színes kódot, és mentse a fájlt (csak ne feledjük, milyen színű használták, hogy állítsa vissza a változásokat). Látni fogja, hogy az összes oldalt a webhely háttér színe megváltozott. Cool, nem igaz?

Én nem a jelen cikk kereteit, hogy bemegy a nagyon-nagyon alapokat. Ha a felszerelés reménytelenül sánta, a blog seostop.ru lehet húzni - megtanulják, hogyan kell építeni egy honlapot egy normális notebook vagy egy speciális programot, hogy fokozzák a tudás html vagy php vagy valami újat tanulni a haladást.

További információk a témával kapcsolatban:

Kapcsolódó cikkek