>> GARSIAKALBIS: Taigi tai tikrai ne geriausias dizainas susimaišyti CSS su HTML.
Atvirkščiai, tai geriausia, kad veiksnys iš savo CSS, įdėti jį kažkur centrinės ir
kažkaip jį taikyti žymės jūsų tinklalapį.
Norint tai pasiekti, mes iš tikrųjų gali sustabdyti naudojant stilių atributas, o vietoj
naudoti Stilius žymeles, kurios priklauso ir vadovas tinklalapį šalia, už
Pavyzdžiui, jūsų pavadinimas.
>> Leiskite duoti tai pabandyti ir iš naujo įgyvendinti Titulinis John Harvard
naudojant stilius tegus.
Aš jau įsigijo mums pradėjo čia su trimis DIV-ų, skirtų
John Harvardo puslapyje.
Bet tegul pirma dabar eiti tai pirmasis div ir pridėti naują atributą,
būtent ID ir nurodyti, kad unikalus identifikatorius tam konkrečiam div
gali būti, pavyzdžiui, citata citatos "Iš viršaus", savavališkai vardas, bet
aprašomasis, kad šis div yra tikrai ne mano puslapio viršuje.
>> Kitam div tegul mano, kad tai skiriasi ID citata citatos
"Viduryje", ir tegul suteikia trečiąjį div Citatos citatos ID "iš apačios". Mes
dabar turime tris unikalus identifikatorius , į kurį mes galime taikyti kai CSS
savybės, bet pirmiausia, tegul grąžinimas į šio puslapio antraštėje.
Virš pavadinimo čia, aš eiti į priekį ir nustatyti stilių
ir tada uždarykite stilius.
>> Viduje tai dabar aš ruošiuosi apibrėžti kai CSS savybės, ty
tie patys aš anksčiau Stilius atributus, tačiau čia jie bus
centralizuotai apibrėžta.
Norėdami tai padaryti, aš norėčiau patikslinti, svaras simbolis, kurį viršuje, taip
nurodoma, kad po CSS savybės turėtų būti taikomi nepriklausomai nuo
HTML elementas turi unikalių identifikatorius viršuje.
Aš tada teks kai atvira ir uždarosios garbanotas petnešos, ir aš ruošiuosi
nurodyti, pavyzdžiui, šrifto dydis turi būti 36 taškų, šrifto svoris turi būti drąsus.
>> Išlaikyti švarą, aš išleisti kiekvieną šių savybių dabar pati
linija, bet tai tik stilistinė konvencija.
Apačioje, tegul dabar nustatyti kitą selektorių, taip sakant.
Tai vienas HTML tegus kad turi unikalus identifikatorius viduryje.
Ir čia galime nurodyti šrifto dydį 24 taškų, toliau, kad kita
selektorius apačioje, o viduje to, galime nurodyti
šrifto dydis 12 pikselių.
>> Leiskite dabar įrašyti, pakeisti teises įjungtas ir įkelti šį puslapį naršyklėje,
chmod plius r CSS-1.html.
Leiskite atverti Chrome ir aplankyti http://localhost/css-1.html.
Neblogai.
Tiksliai taip, kaip ketinau, bet norėčiau imtis ko dar vieną žingsnį ir dabar
Vidurinė John Harvardo tekstas.
Dabar tai daryti, galėčiau wrap visas puslapis div kaip aš
padarė ankstesnį pavyzdį.
Arba aš galiu būti protingas ir supranta, kad visų šių div us yra viduje
mano puslapio kūno, tad kodėl taikoma ne tik vienas ar daugiau CSS savybės prie kūno
pažymėti save?
>> Norėdami tai padaryti, tegul tai padaryti.
Grįžkime į gedit čia.
Leiskite pereikite atgal į stiliaus tegus ir tegul nurodyti selektorių, tiesiog
pagal tos TAG vardas, pavardė, institucija.
Žemiau, kad galime įdėti mūsų garbanotas petnešos po teksto lygiavimo centre.
Leiskite dabar išsaugoti puslapį ir perkraukite ji viduje tos naršyklėje.
Perkrauti Chrome ", ir voila.
Mes dabar turime John Harvard puslapį centre kaip mes skirti.