Hogyan, hogy a háttérben a weboldal segítségével HTML és CSS
Szia, kedves olvasó!
Egy szép szőnyeg növeli majd minden, még a hétköznapi kinézetű szobában. Az internetes források - ugyanabban a szobában. Ha egy érdekes design, akkor vonzzák a nagy számú látogató. Ma megmutatom, hogyan lehet a háttérben a honlapon.
Saját tapasztalatból tudom mondani, hogy a tervezési néha bosszantó. Szeretnék valami új és érdekes. A legegyszerűbb módja, hogy frissítse a régi sablon - változtatni a színét tervezés webes erőforrás.
Változás a design, akkor használja a HTML vagy CSS. Ki ne ismerné ezt az alapvető jelölőnyelveket és stílusok, ezek segítségével weboldalakat oldalak fejlett.
HTML (Hypertext Markup Language) szó szerint azt jelenti: „Hypertext Markup Language”, minden parancsot értelmezi a böngésző, és megjelenik a felhasználóbarát formában.
CSS (Cascading Style Sheets - Cascading Style Sheets) egy formális nyelvet, amely leírja a megjelenése az eredeti írásbeli alkalmazásával jelölőnyelv. Ez főleg a leírás és a megjelenése a weboldalakat, amelyek segítségével írják HTML.
A két nyelv között sok közös, azaz a hasonló neveket parancsok és a használati módja. De html - építőanyag Internetes tulajdon és CSS - a bélés.
Háttér html
Az alábbi elemeket lehet használni, mint háttér html:
- szín;
- Háttér kép;
- Textúra kép;
Most minden egyes ilyen elemek beszélni részletesebben.
Ahhoz, hogy a háttér színét a használni kívánt tulajdonság az úgynevezett háttér-szín stílus tag.
A Ntml szín adható meg:
- A forma három pár 16 hexadecimális számjegyből, amelyek mindegyike felelős a színes elemek (piros, zöld, kék). Annak érdekében, hogy tisztább, felidézni gyerekkori: azt színkeverés vízfesték, például kék + sárga = zöld, és attól függően, hogy mennyi minden új színt kapunk. Tehát 16 hexadecimális számjegyből áll, az egyes színek mennyiségét.
- Kulcsszó (zöld, sárga, stb.) Ebben az esetben javasoljuk, hogy csak az elsődleges színek, mint a neve a színárnyalatok böngésző nem ismeri.
- Egy RGB (*, *, *), ahol a pehely - egy szám 0-tól 255 Ahogy az első esetben, mivel az összeg egy bizonyos szín (vörös, zöld, kék), hogy a kívánt eredmény eléréséhez.
- Újabban lehetővé vált és variáns RGBA (*, *, *, *), ahol az első számjegy, mint az előző esetben - az összeg egy bizonyos színt, és az utolsó - a szint homály határozza száma 0-1.
Ahhoz, hogy egy átlátszó hátteret, meg kell állítani a background-color tulajdonság értéke átlátszó.
háttérkép
Most lássuk, milyen lehetőségek nyílnak a hipertext nyelvet beállítani a háttérképet. Megvalósítása a terve, akkor az ingatlan background-image.
Mivel nem minden a számok nagyok, néha meg kell nyúlik a teljes képernyőn. Tegyük fel, hogy szeretné, hogy kitaláljuk tükröződik a középső és csak egyszer. Azonban a böngésző helyett egy nagy képet jelenít meg számos kis, hogy töltse ki a teljes képernyőt.
Hogy csinálod, ha a minta nem egy gumi? Ez nagyon egyszerű! A tilalom a klónozással background-repeat. Elfogadható értékek az ingatlan:
- ismétlés ban - no-repeat;
- mindkét tengelyen - ismétlem;
- Függőleges - repeat-y;
- megismétlése egy háttérképet vízszintesen - repeat-x.
Ahogy sejtette, akkor fontos az első lehetőség.
Persze, jobb, hogy kitaláljuk a központban. Ez az, és van olyan tulajdonság, mint háttér-helyzetben. Koordinátákat, akkor adja meg a következő módon:
Bizonyos esetekben, a rögzített kép helyzete során szükség van az oldalon görgetés. Fix háttér web erőforrás segít létrehozni egy ingatlan background-attachment. Tart az értékek rögzített vagy tekercset. Rögzíteni a rajzban, az első érték.
szöveti háttér
Kép készült kiváló minőségű, befolyásolja a sebességet a terhelés webes erőforráshoz. De a számítógép esetében a nagy sebességű internetes kapcsolat nem annyira nyilvánvaló, hogy a felhasználó, mint például a mobil eszközök, ahol ilyen oldal betöltésre kerül sokáig.
A probléma megoldására segít textúra, amely egy kis képet használunk textúraleképezési. A kép betöltődik csak egyszer, akkor is, ha több ismétlést. Hogyan kell csinálni, kitűnik az előző példában.
CSS Szerszámok
A fent leírt tulajdonságokkal igen alkalmas lépcsőzetes stílus (CSS). Ahhoz, hogy hozzon létre egy webes erőforrás tervezés CSS ahhoz, hogy használni a parancsot a példák, hogy a fent hivatkozott. Az eredmény ugyanaz lesz.
CSS, akkor létrehozhat adaptív háttérben, hogy megfelelően jelennek meg minden olyan eszközt egy másik bővítése a képernyőn.
CSS stílusok általában létrehoz egy külön fájlban. Ez a lehetőség akkor hasznos, mert nem kell állandóan írnak stílusok minden html dokumentum.
C tiszteletben tartja! Ruslan Abdullin