>> Tagapagsalita: Kaya ito ay talagang hindi ang pinakamahusay na idisenyo upang makihalubilo CSS sa HTML.
Sa halip, ito ay pinakamahusay upang magfa-factor out ang iyong CSS, ilagay ito sa isang lugar sa central, at
sa paanuman ilapat ito sa mga mga tag sa iyong web page.
Upang makamit ito, maaari talaga naming ihinto gamit ang mga katangian ng Estilo at sa halip ay
gumamit ng isang tag Estilo, na nabibilang sa pinuno ng isang web pahina sa tabi, para
Halimbawa, ang iyong pamagat.
>> Sabihin bigyan ito ng isang try at muling ipatupad isang home page para sa John Harvard
gamit ang mga tag ng estilo.
Na-nakuha ko sa amin makapagsimula dito sa tatlong divs para sa
Homepage John Harvard ni.
Ngunit sabihin muna pumunta ngayon hanggang sa unang ito div at magdagdag ng isang bagong katangian,
lalo ID, at tukuyin na ang isang natatanging identifier para sa partikular na div
ay magiging, halimbawa, quote magpanipi "Top," isang arbitrary na pangalan, ngunit
mapaglarawang in na ito div ay sa katunayan sa tuktok ng aking pahina.
>> Para sa susunod na div, magbigay ng isang ito ipaalam iba't-ibang mga ID ng quote magpanipi
"Gitna," at bigyan ng mga third div ipaalam isang ID ng quote magpanipi "ilalim." Kami
ngayon ay may tatlong natatanging identifier upang kung saan maaari naming ilapat ang ilang mga CSS
ari-arian, ngunit una, ni return ipaalam patungo sa ulo ng pahinang ito.
Sa itaas lang ang pamagat dito, idedetalye ko sige at tukuyin ang estilo
at pagkatapos ay i-istilong malapit.
>> Sa loob ng ito ngayon, Pupunta ako upang tukuyin ilang CSS ari-arian, lalo ang
kapareho Nagkaroon na ako dati sa Estilo mga katangian, ngunit dito ang mga ito ay maging
sentral na tinukoy.
Upang gawin ito, ako pagpunta upang tukuyin ang pound simbolo na sinusundan ng tuktok, at sa gayon
pagtukoy na ang mga sumusunod na CSS mga katangian ay dapat ilapat sa anumang
Elemento ng HTML ay may natatanging identifier ng tuktok.
Pagkatapos Pupunta ako sa mayroon ng ilang mga open at closed kulot tirante, at pupuntahan ko
tukuyin, sabihin nating, laki ng font ay magiging 36 mga pixel, bigat ng font ay magiging bold.
>> Upang mapanatiling malinis ang mga bagay, ako paglalagay ng bawat ng mga pag-aari na ngayon sa sarili nitong
linya, ngunit ito lamang ay isang pangkakanyahan convention.
Sa ibaba ito, sabihin ngayon tukuyin ang isa pang selector, kaya na magsalita.
Ito isa para sa HTML na tag na may natatanging identifier ng gitna.
At in dito, sabihin tukuyin ang isang laki ng font ng 24 pixel, sa ibaba na isa pang
tagapili para sa ibaba, at loob ng na, sabihin tukuyin ang isang
laki ng font ng 12 pixels.
>> Sabihin ngayong i-save, baguhin ang mga pahintulot sa, at i-load ang pahinang ito sa isang browser,
chmod ng plus r css-1.html.
Ni buksan up ang Chrome at bumisita sa Hayaan http://localhost/css-1.html.
Hindi masama.
Mismong tulad ng nilayon ko, ngunit nais kong tumagal ng mga bagay ng isang hakbang karagdagang ngayon at
teksto center John Harvard ni.
Ngayon na gawin ito, kaya kong balutin ang buong pahina sa isang div bilang ako
May ginawang isang mas maagang halimbawa.
O maaari ba akong maging mas matalino at mapagtanto na lahat ng mga divs ay sa loob ng
body ng aking pahina, kaya bakit hindi lang mag-apply isa o higit pang mga katangian ng CSS sa katawan
tag ang sarili nito?
>> Upang gawin ito, ni gawin ito ipaalam.
Sabihin bumalik sa gedit dito.
Ni mag-scroll back up sa tag Estilo Hayaan, at hayaan tumukoy ng isang tagapili lamang
gamit ang pangalan na tag ni, Katawan.
Nasa ibaba na, ilagay ang aming mga kulot tirante ipaalam sinundan ng-Ihanay teksto center.
Hayaan ngayong i-save ang mga pahina at i-reload ito sa loob ng browser na iyon.
I-reload sa Chrome, at voila.
Ay mayroon na ngayong namin pahina John Harvard ni nakasentro tulad ng nilayon namin.