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.