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.