Tip:
Highlight text to annotate it
X
>> Cainteoir: Mar sin, tá sé i ndáiríre nach bhfuil an chuid is fearr dhearadh CSS a intermingle le HTML.
Ina ionad sin, tá sé is fearr a fhachtóir amach do CSS, a chur in áit éigin lárnach, agus
bhealach sé a iarraidh ar an clibeanna i do leathanach gréasáin.
Chun seo a bhaint amach, is féidir linn a stopadh i ndáiríre ag baint úsáide as an tréith Stíl agus ina ionad sin
úsáid tag Stíl, a bhaineann sa ceann de leathanach gréasáin taobh, le haghaidh
Mar shampla, do theideal.
>> A ligean ar thabhairt seo iarracht agus ath-chur i bhfeidhm ar leathanach baile do John Harvard
úsáid a bhaint as an chlib Stíl.
Tá mé gotten cheana féin a thosaigh linn anseo le trí divs do
Leathanach baile John Harvard.
Ach a ligean ar an chéad dul anois suas go dtí an chéad div agus cuir tréith nua,
eadhon ID, agus a shonrú go leith aitheantóir le haghaidh an div áirithe
beidh, mar shampla, ceanglófar athfhriotail ó "Barr," ar an t-ainm treallach, ach
tuairisciúil sa mhéid is go bhfuil an div go deimhin ag an bharr mo leathanach.
>> Chun an div seo chugainn, a ligean ar thabhairt dó ID éagsúla comharthaí athfhriotail ceanglófar
"Lár," agus a ligean ar thabhairt ar an tríú div ar ID ar ceanglófar athfhriotail ó "bun." Táimid
Tá trí aitheantóir uathúil anois ar féidir linn iarratas a dhéanamh ar roinnt CSS
airíonna, ach an chéad, a ligean ar an tuairisceán chuig ceann an leathanaigh seo.
Díreach os cionn an teideal anseo, beidh mé dul ar aghaidh agus stíl a shainiú
agus ansin stíl dhúnadh.
>> Taobh istigh de seo anois, tá mé ag dul a shainmhíniú roinnt airíonna CSS, is é sin an
cinn céanna a bhí agam roimhe seo i Stíl tréithe, ach anseo beidh siad a bheith
sainithe go lárnach.
Chun é sin a dhéanamh, tá mé ag dul a shonrú ar an punt siombail dhiaidh barr, rud a
ag sonrú go bhfuil an CSS a leanas Ba chóir go mbeadh airíonna i bhfeidhm le cibé
Tá eilimint HTML uathúil an aitheantóir barr.
Tá mé ag dul ansin go bhfuil roinnt oscailte agus guailleáin chatach dúnta, agus tá mé ag dul go dtí
a shonrú, a rá, beidh méid an téacs a 36 picteilíni, beidh meáchan cló a bheith trom.
>> Chun rudaí a choinneáil glan, tá mé ag cur gach de na maoine anois ar a chuid féin
líne, ach sin ach choinbhinsiún stíle.
Thíos sin, a ligean ar shainmhíniú anois eile roghnóir, mar a déarfá.
Seo ar cheann le haghaidh an chlib HTML go bhfuil aitheantóir uathúil lár.
Agus i anseo, a ligean ar a shonrú clómhéid 24 picteilíni, faoi bhun ceann eile
roghnóir do bun, agus taobh istigh sin, a ligean ar a shonrú
clómhéid de 12 pixel.
>> A ligean ar a shábháil anois, athrú ar an ceadanna ar, agus ualach an leathanach i bhrabhsálaí,
chmod móide r-1.html CSS.
A ligean ar a oscailt suas Chrome agus cuairt a thabhairt ar http://localhost/css-1.html.
Nach dona.
Go díreach mar a bhí beartaithe agam, ach ba mhaith liom buíochas a rudaí a ghlacadh céim amháin eile anois agus
téacs seo a lár John Harvard.
Anois, é sin a dhéanamh, d'fhéadfadh mé wrap an leathanach ar fad i div mar mé
Rinne sampla níos luaithe.
Nó is féidir liom a bheith níos cliste agus a thuiscint go Tá gach ceann de na divs taobh istigh de
mo leathanach chorp, mar sin cén fáth nach iarratas a dhéanamh ach ceann amháin nó níos mó airíonna CSS leis an gcomhlacht
chlib féin?
>> Chun é sin a dhéanamh, a ligean ar é seo a dhéanamh.
A ligean ar dul ar ais go dtí gedit anseo.
A ligean ar scrollbharra ar ais go dtí an chlib Stíl, agus a ligean ar a shonrú roghnóir díreach
úsáid a bhaint as ainm, Comhlacht go chlib ar.
Thíos sin, a ligean ar chur ar ár braces gcuach le leanúint ag ionad téacs-ailíniú.
A ligean ar a shábháil anois an leathanach agus athlódáil sé taobh istigh den bhrabhsálaí.
Reload i Chrome, agus voila.
Tá muid anois leathanach John Harvard dírithe mar a bhí beartaithe againn.