Hogyan hozzunk létre website

Alszakasz Java Script és CSS

Bevezető szakasz: RealMan, helyszíni támogatás webchainik.h11.ru

Bevezetés a CSS vagy arról, hogy hol lehetne rendezni.

Gyerünk, ragadt a terv, a feje egy beszélgetés Cascading Style Sheets. Nem titok, hogy az internetezők többsége adatátviteli sebesség alacsony, nagyságrendileg néhány kilobájt másodpercenként. Ez a tény szab szigorításának a kreatív folyamatot. Néha van, hogy feladja a gyönyörű festett gombok, mert a türelmetlen felhasználó nem szeretne várni, de lehet érteni. CSS az ilyen lehetőségeket, amely lehetővé teszi, hogy hagyja el a szépség egy oldalt, és megtartani a türelmetlen felhasználó. Bizonyos helyzetekben ezek helyettesíthetik a Photoshop vagy a meglehetősen bonyolult animációs kis program kódját. De mielőtt ez az egész, még mindig messze vagyunk mindenekelőtt CSS - olyan eszköz, amely lehetővé teszi, hogy különböző tulajdonságok HTML-címkéket. Kérd meg őket, három módja van:
  • Egy adott tag
  • Egyetlen HTML-fájl
  • Néhány HTML-fájlok

Egy adott tag

Ily módon, például megadhatja, hogy hogy néz ki egy adott folyosón P:

A jelen bekezdés által alkalmazott stilisztikai meghatározása.

Ez az, ami meg van írva, hogy ezt a bekezdést a HTML-kódok:

A stílus határozza meg a style attribútum. Böngésző utasította, hogy akkora, mint egy bekezdés zöld betűkkel 1,5 cm. Stílus meghatározások segítségével állíthatjuk be az utasításokat, az általános formája:

Megjegyzések elválasztott „” karaktert. A stílus attribútum használható szinte minden tag meghatározza sajátos tulajdonságait. Nézd meg egy másik példát végrehajtásának stílusok a HTML-tag programot. Itt egy másik példa, de ezúttal az egész HTML fájlban:

Egyetlen HTML-fájl

Beállíthatjuk, hogy a stílus egy tag vagy csoport tag úgy, hogy biztosan működik szerte a HTML-dokumentum. Például megadhatja, hogy milyen típusú az összes címet. Ez elég ahhoz, hogy levelet meghatározása a fejét a dokumentumot:

A böngésző megjeleníti a fejezetek a dokumentumban serif font color „barna”, és összhangba hozza őket a jobb szélén a képernyőn. Ez a viselkedés megfelel a böngésző utasításait:

névtáblát (vagy kulcsszó vesszővel elválasztva)
Feature: érték;
.
Feature: érték;
>

A fenti példa használja három jellemző:

text-align: right;
meghatározza baloldali igazítást
szín: barna;
beállítja a színt „barna”
font-family: "Arial Cyr", Genf, Helvetica, sans-serif;
serif betűtípus készletek

A címek jelennek betűtípus „Arial Cyr”, persze, ha ez a betűtípus a felhasználó számítógépén. Ha a betűtípus nincs jelen, a böngésző következetesen keresi betűtípus „Geneva”, „Helvetica”, vagy a végén, mintegy talpatlan (jelzése „sans-serif”). Abban az esetben, teljes kudarc a böngésző megjeleníti a szöveget az alapértelmezett betűtípus, hogy van, mint általában, a betűtípus „Times New Roman”.

Néhány HTML-fájlok

Az általános gyakorlat az, hogy meghatározza egy stíluslap egy külön fájlban. Mert ezek a fájlok kiterjesztése css. Például felveheti a fájlban style.css:

Ha csatlakozni ezekkel szakasz utasításait. HTML-fájlt szeretne egy linket:

Nyilvánvaló, hogy egy ilyen módszer, hogy megszabaduljon a stílus definíciókat nagyon kényelmes. Ugyanakkor stíluslap utalhat egy csomó HTML-dokumentumokat. Változások a jelen egyetlen fájlba hatással lesz a megjelenése több tucat (vagy akár több száz) dokumentumokat.
Ügyeljen arra, hogy a stilisztikai jelzés TEST. Ez határozza meg a bal margó 40 pixel az egész dokumentumot. Ennek értelmében meghatározása vizuális elemei az oldal nem lesz „csúszás” a függőleges sáv bal oldalán. Mint látható, meg tudod csinálni anélkül, hogy a táblázatok beállítására paging francia.

Annak érdekében, hogy a forgatókönyvet élt, meg kell, hogy speciális feltételei:

Ha a szöveg-riasztási funkció paraméter túl hosszú, akkor lehet írni egy pár sort a „+” jel (összetett művelet):

Működés vegyület nem jelenti sortörést a böngésző képernyőjén. Lefordítani húrok használja a karakterek „\ n”:

alert ( "Az első sor \ nStroka második.");

Egy pár új munkahelyet.

Bármilyen kritikát, javaslatokat, ötleteket és kérdéseket, küldjenek [email protected]! A levélben kérjük, jelezze azt közzé a levelet a hírlevél.

Minden korábbi kiadásaiban levelezési az archívumban tárolt.