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.