Styling XML Cov ntaub ntawv nrog CSS

Ua rau koj saib XML Koj Yuav Ua Li Cas Rau Cov Ntawv Xiam Hloov Cascading

Tsim cov ntawv XML, sau ntawv rau DTD, thiab parsing nrog ib tus browser zoo tag nrho, tab sis yuav ua li cas yuav daim ntawv tso saib thaum koj saib nws? XML tsis yog ib hom lus qhia. Nyob rau hauv qhov tseeb, cov ntaub ntawv sau nrog XML yuav tsis muaj formatting txhua.

Li ntawd, Kuv yuav pom kuv cov XML li cas?

Tus yuam sij rau saib XML hauv qhov browser yog Cascading Style Sheets. Cov ntawv twv ntawv tso cai rau koj txhais txhua lub ntsiab ntawm koj daim ntawv XML, ntawm qhov loj thiab xim ntawm koj cov ntawv rau tom qab thiab txoj hauj lwm ntawm koj cov khoom uas tsis yog text.

Hais koj muaj ib qho ntaub ntawv XML:

=========================================================================================================================================================================================================================================================================== Layard Jennifer Brendan

Yog tias koj xav pom cov ntawv ntawd hauv XML xaj paug, xws li Internet Explorer, nws yuav tso tawm tej yam zoo li no:

Judy Layard Jennifer Brendan

Tab sis koj yuav ua li cas yog tias koj xav tau kev sib txawv ntawm niam txiv thiab tus me nyuam hais? Los sis tseem ua ib qho kev sib txuas ntawm tag nrho cov ntsiab lus hauv daim ntawv. Koj ua tsis tau qhov ntawd nrog XML, thiab nws tsis yog ib hom lus uas txhais tau tias yuav muab siv rau cov lus.

Tab sis zoo luckily, nws yog ib qho yooj yim siv Cascading Style los xij , los yog CSS, hauv XML cov ntaub ntawv los xyuas seb koj xav tau cov ntaub ntawv no thiab cov ntaub ntawv siv los tso saib thaum saib hauv qhov browser. Rau cov ntaub ntawv saum toj no, koj tuaj yeem txhais cov style ntawm txhua tus cim npe tib yam li koj xav tau HTML daim ntawv.

Piv txwv, hauv HTML koj yuav xav txhais tag nrho cov ntawv hauv cov ntawv cim npe (

) nrog lub font ntsej muag Verdana, Geneva, lossis Helvetica thiab tom qab xim xim ntsuab. Kom txhais tau hais tias hauv ib hom stylesheet xwv kom tag nrho cov lus qhuab qhia zoo li ntawd, koj yuav sau:

p {font-family: verify, genes, paub; tom qab xim: # 00ff00; }

Tib cov cai ua haujlwm rau XML cov ntaub ntawv. Txhua daim ntawv hauv XML tuaj yeem sau tseg nyob hauv XML daim ntawv:

tsev neeg {xim: # 000000; } niam txiv {font-family: Arial Black; xim: # ff0000; ciam teb: 5px khoom; dav: 300px; } tus me nyuam {font-family: verify, paub; xim: # cc0000; ciam teb: 5px khoom; ciam-xim: # cc0000; }

Thaum koj muaj koj daim ntawv XML thiab koj daim ntawv sau tawm, koj yuav tsum tso lawv ua ke. Zoo ib yam li cov lus txuas hauv HTML, koj muab ib txoj kab rau saum koj daim ntawv XML (hauv qab daim ntawv tshaj xo), qhia rau XML parser qhov twg los nrhiav qhov stylesheet. Piv txwv li:

Raws li kuv hais saum toj no, cov kab no yuav tsum muaj nyob hauv qab <> tshaj tab sis ua ntej ib yam ntawm cov ntsiab lus hauv XML daim ntawv.

Muab tag nrho ua ke, koj cov ntawv XML yuav nyeem:

< Niam txiv Brendan Niam txiv /