3. lecke
3. lecke. Dolgozunk a háttérben oldalon.
Az előző karakter leckét megtanultuk, hogyan kell létrehozni szabályok stíluslap és megkötik ezeket a szabályokat az egyedi címkéket és elemei, ezáltal egyfajta ezeket az elemeket.
Most a háttérben, a honlapon van egy alapértelmezett fehér színű. De, hogy a webhely személyiségét, mert akkor meg a háttér színét. A legegyszerűbb módja ennek, hogy felülírja a stíluslap értékeket a body tag. A háttér színe CSS (vagy bármely elem) eltökélt backdround-color tulajdonság. Állítsa be a szín, valamint a HTML, azaz vagy előírt színkód, vagy egy hexadecimális értéket lásd a táblázatot alapszínből.
Nyissa meg a stíluslap és írunk a következő szabály:
honlapunkon megváltozott színe a fehértől a sötétkék. És ez megváltoztatta a háttér színe és a szín a web-oldalt. Elválasztani a háttér színe az oldalon, hadd kérdezzük mindegy fehér színű a web-oldalt. Mivel az alapja az oldal vagyunk táblázatok (design). előírja a stíluslap másik leképezési szabály alapon belül asztalok, nevezetesen:
Most már megvan a háttér színe sötétkék, és a színe fehér lapokkal.
Emlékezni. hogy backdround-color tulajdonság, amely felelős a háttérszín elem. Mint látható - ez a funkció lehet alkalmazni, hogy minden elem. Például beállíthatja a háttér színét bármely bekezdés vagy egy táblázat cellájában. És mint tudjuk színe is beállíthatja az Ön ízlése.
Természetesen megadhatja ugyanolyan színű, mint a háttér és a legtöbb weboldal. Ebben az esetben minden összeolvad, és nézd egy monolitikus oldal - ez a design ízét.
Egy másik fontos és érdekes funkció létrehozásához használt háttérben weboldalakon - a background-image: url (bg.jpg). Ez a funkció lehetővé teszi, hogy a háttérben a képfájlt. Itt meg kell határoznunk az url, azaz Az az út, ahol a képfájlt kell használni, mint a háttér, és persze a fájl nevét. Ebben az esetben a fájl bg.jpg fekszik egy megosztott mappát, így az út nem szükséges megadni. Teljesen általában így néz ki:
Nézd mit megvan. A rendszer segítségével a grafikus fájlok adható a háttérben web-oldal, nagyon szép hatást.
Mi a fájl háttér bg.jpg. Ez a normál méretű grafikus kép (ebben az esetben) 50x50 képpont (általában legfeljebb 100x100 képpont), amely azt mutatja, a bőr szerkezetét. Ez az alapértelmezett fájl automatikusan elhelyezett CSS-t a bal felső sarokban a web-oldalt, és automatikusan ismétli. Vízszintes: balról jobbra, és a függőleges: fentről lefelé. Bár lehet beállítani és más szaporodási paramétereket. Megszorozzuk a fájl kitölti az egész teret.
Mint egy háttérképet akkor bármilyen grafikus fájlok (képek, fotók, stb.) Az interneten megtalálható sokféle gyűjtemények különböző háttérrel. Valamivel később, akkor megtanulják, hogyan kell csinálni egy ilyen háttérképet függetlenül.
Például, én inkább a második változata a háttérkép a jövőben fogunk dolgozni ezt a lehetőséget.
És most style.css fájl felsorolja a CSS stíluslap van ilyen kód:
Jó napot, az ingatlan „background-color” a változata Notepad ++ helyébe a „háttér” - meggyötört 02:00 :( általános szabályok honlapon!
Köszönöm a leckéket, nagyon poznovatelnye. De van egy kérdésem. Úgy tűnik, hogy kell használni (az előző óra) ki, de ez a probléma kezdődött. Próbáltam megérteni önmagát, de semmi, akkor csak helyezze be a hirdetési 3.4 a fájlban, de még. Háttérben, mint egy nem változott, és ugyanaz marad. Mi lehet az oka?
Köszönöm a leckét! És hogyan lehet háttér rögzítve oldal görgethető?
HTML leckék
CSS osztályok
Cikkek
műszerek
Weboldal sablonok
könyvek
díszítés
Oldal tól Z-ig
Keressen pénzt online
Csalás az interneten
munkavédelem
MODULÁRIS MINTA
PHP LESSONS
szolgáltatások
szkriptek
SEO
jQuery
Speciális munkakörülmények (délkelet) - ARM
Internetes fizetési rendszere
Photoshop tutorials
titkos szakasz
Velünk, hogy a helyszínen
A gyerek is!
„A honlap Z-ig”
Tudd meg most >>>
Szeretné keresni?
2 Urovnevaja
Partnerprogram!
Csatlakozzon most.
A moduláris minta: Luxus vörös bársony
A moduláris minta absztrakció: Napenergia
A moduláris minta: Kék rózsa
A moduláris minta: vízesés
A moduláris minta: Orchids
domain regisztráció
"PK" LyuksStroy "
Ha tetszik
honlapunkon, állítsa
A link. és
Kap ajándékot.