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.