>> 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.