>> SPEAKER: Kiderül, hogy a HTML nem az egyetlen nyelv, akkor a benne
Egy weboldal.
Használhatja úgynevezett CSS vagy Cascading Style Sheets, valamint.
CSS lehetővé teszi, hogy meghatározza sokkal pontosan az esztétika a web
oldal, beleértve az elrendezés és méretű színek és betűtípusok és még sok más.
Például hozzunk létre egy weboldalt Itt az úgynevezett CSS0, ami egy
kezdőlapját, mondjuk, John Harvard.
>> Ezen az oldalon, mi lesz John Harvard név, amely alatt lesz
egy szép üzenetet a látogatók, alatta melyik lesz a lábléc, és
azt mondják, néhány szerzői jogi információk.
Ehhez nézzük meg a három hadosztály Az oldal segítségével a tag
nevű div.
Nyitó zárójel div, John Harvard, közel konzol div, másik nyitott zárójel div,
és most mi határozza meg valamit mint szívesen kezdőlapom!
És ne zárja be a div is.
>> És most egy harmadik és egyben utolsó div, szerzői jogot.
Csak, hogy divatos, hadd használom most egy HTML szervezet, egy szimbólum, amely képviseli
egy karaktert, amit egyébként nem írja a billentyűzeten.
Különösen azt fogom tenni jel, font, 169, pontosvessző.
Kiderült, hogy ez a számkód a copyright szimbólum.
Akkor hát adja John Harvard itt alul.
Zárjuk a div és mentse a fájlt.
>> Nos, mi ez a div tag?
A div tag egyszerűen határozza meg a felosztás az oldal, amely lényegében egy
téglalap alakú terület.
Tehát ebben a pillanatban az időben, van három négyszögletes régiók egymás tetejére
a többi.
Tehát most, a hatás szinte bár volt három bekezdését.
De nem fogjuk látni annyira, white space közöttük.
>> Mentsük a fájlt, változtassa meg engedélyek, és nézd meg a
pillanat Chrome.
Chmod a + r CSS0.html.
Nézzük most nyit a Chrome és a látogatás http://localhost.CSS0.html.
Sőt, itt a honlapon John Harvard.
Nézzük most stilizálhatja még egy kicsit Pontosan segítségével néhány CSS.
>> Vissza gedit, menjünk ebbe első div tag, és adjunk hozzá egy stílust
attribútum meghatározza, hogy szeretnék a betűméret, mondjuk, 36 pixel, vagy px.
És szeretném, ha a súlya ennek a font hogy merész, nem pedig az alapértelmezett,
ami normális.
A második div, hadd adja másik stílus attribútum, amely
betűméret 24 pixel, így a egy kicsit kisebb.
Bezárás idézetek után a pontosvessző.
>> Végül ebben a harmadik div, csináljuk stílus egyenlő idézet, betűméret, és
mondjuk 12 pixel ebben az időben.
Bezárás idézet után pontosvessző.
Figyeljük meg, akkor, hogy úgy tűnik, hogy a meg egy kicsit a stilizálás a
mindhárom divs használatával, kiderül, CSS.
Tény, hogy a szintaxist látható azok között, idézőjelek CSS,
kifejezetten CSS tulajdonságokat értékekkel.
És az első tag, ahol volt két ilyen tulajdonságok, a betűméret és a
font súly, egyszerűen külön azokat pontosvesszővel.
>> Most, csak a stílus kedvéért, azt is tartalmaz pontosvessző at
a végén minden sorban.
De nem feltétlenül szükséges, különösen akkor, ha csak egy van
ingatlan meghatározott.
Nézzük most mentsd el a fájlt, és töltse a Chrome, és mi
a nettó hatás.
Vissza Chrome itt nézzük kattintson újratöltése.
>> Most már egy kicsit érdekesebb kezdőlap John
Harvard, ahol az első sorban a a nevét, ami belül van, hogy a
első div, 36 pixel magas és félkövér, ahol a második sorban,
amely ebben a második div, 24 pixel magas, de nem félkövér.
És ahol a harmadik sor, hogy a harmadik div 12 pixel magas és
nem félkövér.
De tegyük fel, most szeretném váltani Mindez a szöveg fölött
úgy, hogy ez középre.
>> Tudtam igazítsa minden egyes Divs, mintha középre.
De könnyebben tudtam csomagolja azokat három divs belsejében egy negyedik div, a
szülő div, hogy úgy mondjam, és adja meg , hogy div, és annak minden
leszármazottai kell text igazítva központ?
Vessünk egy pillantást.
>> Belül a gedit, menjünk vissza a test és egy új div fel felső
div, stílus egyenlő idézet idézet vége text align központjában, közel
idézet után pontosvessző.
És most menjünk előre, és francia minden Az ezeket a sorokat, hogy gépelt előtt.
És alatta a harmadik div, nézzük zárd be ezt az új div.
>> Más szóval, mivel a három eredeti divs most a gyerekek, így a
beszél, egy új szülő div és én már kifejtette, hogy szeretnék, hogy összehangolják a
szövege a szülő div közepén az oldal, hogy a tulajdon lesz
örökölte az összes ilyen gyerekek.
Sőt, mentsük el a fájlt és vessünk egy pillantást a böngészőben.
Nézzük újratölteni a Chrome-ban.
És ott van ez, egy még szebb kezdőlap John Harvard.