GARSIAKALBIS: Pasirodo, kad HTML nėra tik kalba galite naudoti viduje žiniatinklio puslapyje. Galite naudoti kažką vadinama CSS, arba Cascading Style Sheets, taip pat. CSS leidžia jums nurodyti dar daugiau Tiksliau iš interneto estetika puslapis, įskaitant išdėstymą ir dydžių, ir spalvas ir šriftus ir daug daugiau. Pavyzdžiui, galime sukurti interneto puslapį čia vadinamas CSS0, kuris atstovauja pagrindiniame puslapyje, tarkim, John Harvard. 

Šiame puslapyje mes turime Jonas Harvardo universiteto pavadinimas, po kurios bus gražus žinia jo lankytojų, po kuri bus apačia, su sako, kai informacija apie autorines teises. Norėdami tai padaryti, galime apibrėžti trys padaliniai už puslapį naudojant žymę vadinamas div. Skliaustai atidaromi div John Harvard, netoli laikiklis div, kitas atviras laikiklis div, ir dabar mes nurodyti kažką kaip, kviečiame į mano pagrindiniame puslapyje! Ir tegul uždaryti šį div, taip pat. 

O dabar trečioji ir paskutinė div, autorinės teisės. Tiesiog turi būti išgalvotas, leiskite naudoti dabar yra HTML subjektas, simbolis, kuris atstovauja pobūdžio, kad tu negali kitaip tipo klaviatūra. Visų pirma, aš ruošiuosi daryti Ženklas, svaras, 169, kabliataškis. Pasirodo, kad yra skaitmeninis kodas dėl autorių teisių simboliu. Tada tegul nurodyti John Harvardo čia apačioje. Leiskite uždaryti div ir išsaugokite failą. 

Dabar, kas yra šis div tegus? Div tegus tiesiog apibrėžia padalinys puslapio, kuris yra iš esmės Stačiakampė sritis. Taigi šiuo momentu, turiu tris stačiakampiai regionai, vienas ant iš kitos. Taigi dabar, poveikis yra beveik toks pat nors turėjau tris pastraipas. Bet mes ne pamatyti gana daug tarpas tarp jų. 

Išsaugokime šį failą, pakeisti jos teises, ir imtis už išvaizdą momentas Chrome. Chmod + R CSS0.html. Tegul dabar atverti Chrome ir vizito http://localhost.CSS0.html. Iš tikrųjų, čia pagrindinis puslapis John Harvard. Leiskite dabar Stilizuoti jį šiek tiek daugiau tiksliai, naudojant šiek tiek CSS. 

Atgal į gedit, eikime į tai Pirmasis div tegus ir pridėti stilių atributas, nurodantis, kad aš norėčiau šrifto dydis, tarkime, 36 taškų, arba px. Ir aš norėčiau šio šrifto svorį būti drąsus, o ne pagal nutylėjimą, tai yra normalu. Dėl antrojo div, galime nurodyti kitas stilius atributas, kuris turi šrifto dydis 24 taškų, taip šiek tiek mažesnis. Uždaryti citatos po kabliataškiu. 

Galiausiai, šio trečiojo div darykime stilius Lygu citata, šrifto dydį, ir tarkim 12 taškai šį kartą. Uždaryti citata po kabliataškiu. Atkreipkite dėmesį, tada, kad man atrodo, kad turi nurodyta iš stilizacija bitas kiekvieno iš šių trijų div us naudojančių Pasirodo, CSS. Tiesą sakant, sintaksė, kurį matote tarp tų dvigubų kabučių yra CSS, specialiai CSS savybės su vertybėmis. Ir dėl šios pirmosios žymeles, kur turėjau dvi tokios savybės, šrifto dydį ir šrifto svoris, aš tiesiog atskirti juos kabliataškiu. 

Dabar tiesiog stiliaus dėlei, aš taip pat įtrauktos kabliataškiais ne Kiekvienos eilutės pabaigoje. Bet jie ne būtinai reikia, ypač tada, kai turite tik vieną nuosavybė apibrėžta. Leiskite dabar išsaugokite failą ir perkraukite Chrome, ir pamatyti, kas grynasis poveikis yra. Atgal į Chrome čia tegul spustelėkite Atnaujinti. 

Dabar mes turime šiek tiek įdomesnis Titulinis Jonui Harvardo, pagal kurį pirmoji eilutė su Jo vardas, kuris yra viduje, kad Pirmasis div yra 36 pikselių aukščio ir Paryškintas, kuriuo antroje eilutėje kuris yra toje antroje div yra 24 pikselių aukščio, bet ne pastorinti. Ir pagal kurį trečioji eilutė toje trečiojoje div yra 12 pikselių aukščio ir ne pastorinti. Bet tarkime, kad dabar norėčiau pereiti visą šį tekstą virš taip, kad jis orientuotas. 

Galėčiau suderinti kiekvieno individo DIV-ų, kaip yra orientuotas. Bet lengviau, galėčiau wrap tiems Trys Divs viduje ketvirtojo div, tėvų div, taip sakant, ir nurodyti, kad div ir visi jos palikuonys turėtų būti tekstas suderintas centre? Paimkime išvaizdą. 

Viduje gedit, grįžkime prie mano kūno ir pridėti naują div iki viršaus su div, stilius Lygu citata citatos teksto lygiavimas centre, netoli Cituoju po kabliataškiu. Ir dabar, eikime į priekį ir įtrauka visi Šių eilučių, kad mes įvedėte anksčiau. Ir toliau toje trečiojoje div tegul uždaryti šį naują div. 

Kitaip tariant, nes tie trys originalus Divs dabar vaikai, taip kalbėti, naujos patronuojančios div ir aš nurodyta, kad norėčiau suderinti tekstas tos patronuojančios div centre puslapio, kad turtas bus paveldėjo visus tuos vaikus. Iš tiesų, galime išsaugoti failą ir atsižvelgti į naršyklės išvaizdą. Leiskite perkrauti Chrome. Ir mes jį, net gražiau Titulinis John Harvard.