CSS ਨਾਲ XML ਦਸਤਾਵੇਜ਼ ਸਟਾਇਲਿੰਗ

ਆਪਣੀ XML ਲੁੱਕ ਨੂੰ ਵੇਖੋ ਤੁਸੀਂ ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ ਨਾਲ ਕਿਵੇਂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ

ਇਕ ਐਮਐਮਐਮ ਡੌਕਯੂਮੈਂਟ ਬਣਾਉਣਾ, ਡੀਟੀਡੀ ਲਿਖਣਾ, ਅਤੇ ਇਸ ਨੂੰ ਬਰਾਊਜ਼ਰ ਨਾਲ ਪਾਰਸ ਕਰਨਾ ਸਭ ਤੋਂ ਵਧੀਆ ਹੈ, ਪਰ ਜਦੋਂ ਤੁਸੀਂ ਇਸ ਨੂੰ ਵੇਖਦੇ ਹੋ ਤਾਂ ਦਸਤਾਵੇਜ਼ ਕਿਵੇਂ ਦਿਖਾਈ ਦੇਵੇਗਾ? XML ਡਿਸਪਲੇ ਦੀ ਭਾਸ਼ਾ ਨਹੀਂ ਹੈ. ਵਾਸਤਵ ਵਿੱਚ, XML ਵਿੱਚ ਲਿਖੀਆਂ ਦਸਤਾਵੇਜ਼ਾਂ ਦਾ ਕੋਈ ਵੀ ਫਾਰਮੈਟ ਨਹੀਂ ਹੋਵੇਗਾ.

ਇਸ ਲਈ, ਮੈਂ ਆਪਣਾ ਐਕਸਐਮ ਕਿਵੇਂ ਵੇਖਾਂ?

ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ XML ਨੂੰ ਦੇਖਣ ਦੀ ਕੁੰਜੀ ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ ਹੈ ਸਟਾਈਲ ਸ਼ੀਟਸ ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ XML ਦਸਤਾਵੇਜ਼ ਦੇ ਹਰੇਕ ਪੱਖ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ, ਤੁਹਾਡੇ ਪਾਠ ਦੇ ਆਕਾਰ ਅਤੇ ਰੰਗ ਤੋਂ ਪਿਛੋਕੜ ਅਤੇ ਤੁਹਾਡੇ ਗੈਰ-ਪਾਠ ਆਬਜੈਕਟਾਂ ਦੀ ਸਥਿਤੀ ਤੋਂ.

ਕਹੋ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ XML ਦਸਤਾਵੇਜ਼ ਹੈ:

]> <ਪਰਿਵਾਰ> <ਮਾਪਾ> ਜੂਡੀ ਲੇਅਰਡ ਜੈਨੀਫ਼ਰ ਬ੍ਰੈਂਡਨ

ਜੇ ਤੁਸੀਂ ਉਸ ਡੌਕੂਮੈਂਟ ਨੂੰ ਇੱਕ XML ਤਿਆਰ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਵੇਖਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਜਿਵੇਂ ਕਿ ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ, ਤਾਂ ਇਹ ਕੁਝ ਦਿਖਾਈ ਦੇਵੇਗਾ:

ਜੂਡੀ ਲੇਆਡ ਜੈਨੀਫ਼ਰ ਬਰੈਂਡਨ

ਪਰ ਜੇ ਤੁਸੀਂ ਮਾਪਿਆਂ ਅਤੇ ਬਾਲ ਤੱਤਾਂ ਵਿਚ ਫਰਕ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਕੀ ਹੋਵੇਗਾ? ਜਾਂ ਡੌਕਯੂਮੈਂਟ ਵਿਚਲੇ ਸਾਰੇ ਤੱਤਾਂ ਦੇ ਵਿਚ ਵੀ ਇਕ ਫ਼ਰਕ ਪਾਓ. ਤੁਸੀਂ ਅਜਿਹਾ XML ਦੇ ਨਾਲ ਨਹੀਂ ਕਰ ਸਕਦੇ, ਅਤੇ ਇਹ ਇੱਕ ਅਜਿਹੀ ਭਾਸ਼ਾ ਨਹੀਂ ਹੈ ਜੋ ਡਿਸਪਲੇ ਲਈ ਵਰਤਿਆ ਜਾਣੀ ਹੈ.

ਪਰ ਸੁਭਾਗ ਨਾਲ, XML ਦਸਤਾਵੇਜ਼ਾਂ ਵਿੱਚ ਕਾਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ , ਜਾਂ CSS ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਆਸਾਨ ਹੈ, ਇਹ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਕਿ ਇੱਕ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਕਦੋਂ ਵੇਖਾਇਆ ਜਾਵੇ ਤਾਂ ਤੁਸੀਂ ਉਹ ਦਸਤਾਵੇਜ਼ ਅਤੇ ਐਪਲੀਕੇਸ਼ਨ ਕਿਵੇਂ ਪ੍ਰਦਰਸ਼ਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ. ਉਪਰੋਕਤ ਦਸਤਾਵੇਜ਼ ਲਈ, ਤੁਸੀਂ ਹਰ ਇੱਕ ਟੈਗ ਦੀ ਸ਼ੈਲੀ ਨੂੰ ਉਸੇ ਤਰੀਕੇ ਨਾਲ ਪਰਿਭਾਸ਼ਿਤ ਕਰ ਸਕਦੇ ਹੋ ਜਿਸ ਤਰ੍ਹਾਂ ਤੁਸੀਂ ਇੱਕ HTML ਦਸਤਾਵੇਜ਼ ਬਣਾਉਗੇ.

ਉਦਾਹਰਨ ਲਈ, ਐਚਟੀਐਮਈ ਵਿੱਚ ਤੁਸੀਂ ਫੌਂਟ ਫੇਸ ਵਾਰਦਾਨਾ, ਜਿਨੀਵਾ, ਜਾਂ ਹੈਲਵੈਟੀਕਾ ਅਤੇ ਬੈਕਗ੍ਰਾਉਂਡ ਕਲਰ ਹਰਾ ਨਾਲ ਪੈਰਾਗ੍ਰਾਫ ਟੈਗਸ (

) ਦੇ ਅੰਦਰ ਸਾਰੇ ਟੈਕਸਟ ਨੂੰ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨਾ ਚਾਹ ਸਕਦੇ ਹੋ. ਇਹ ਸਟਾਈਲਸ਼ੀਟ ਵਿੱਚ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਤਾਂ ਜੋ ਸਾਰੇ ਪੈਰੇ ਇਸ ਵਰਗੇ ਹੋਣ, ਤੁਸੀਂ ਲਿਖੋਗੇ:

p {ਫੋਂਟ-ਫੈਮਿਲੀ: ਵਰਦਿਨਾ, ਜੀਨੇਵਾ, ਹੇਲੈਟੀਕਾ; ਬੈਕਗ੍ਰਾਉਂਡ-ਰੰਗ: # 00ff00; }

ਉਹੀ ਨਿਯਮ XML ਦਸਤਾਵੇਜ਼ਾਂ ਲਈ ਕੰਮ ਕਰਦੇ ਹਨ XML ਦੇ ਹਰ ਟੈਗ ਨੂੰ XML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਪਰਿਭਾਸ਼ਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ:

ਪਰਿਵਾਰ {ਰੰਗ: # 000000; } ਮਾਪੇ {ਫੌਂਟ-ਫੈਮਿਲੀ: ਏਰੀਅਲ ਬਲੈਕ; ਰੰਗ: # ff0000; ਸਰਹੱਦ: ਠੋਸ 5px; ਚੌੜਾਈ: 300 ਪੈਕਸ; } ਬੱਚਾ {ਫੌਂਟ-ਫੈਮਿਲੀ: ਵਰਡਨਾ, ਹੇਲੈਟੀਕਾ; ਰੰਗ: # cc0000; ਸਰਹੱਦ: ਠੋਸ 5px; ਬਾਰਡਰ ਰੰਗ: # cc0000; }

ਇੱਕ ਵਾਰ ਤੁਹਾਡੇ ਕੋਲ XML ਦਸਤਾਵੇਜ਼ ਹੋਵੇ ਅਤੇ ਤੁਹਾਡਾ ਸਟਾਇਲਸ਼ੀਟ ਲਿਖਿਆ ਗਿਆ ਹੋਵੇ ਤਾਂ ਤੁਹਾਨੂੰ ਉਹਨਾਂ ਨੂੰ ਇਕੱਠੇ ਕਰਨ ਦੀ ਲੋੜ ਹੈ. HTML ਵਿਚਲੇ ਲਿੰਕ ਕਮਾਂਡ ਵਾਂਗ, ਤੁਸੀਂ ਆਪਣੇ XML ਦਸਤਾਵੇਜ਼ ਦੇ ਉੱਪਰ ਇੱਕ ਲਾਈਨ (XML ਘੋਸ਼ਣਾ ਦੇ ਥੱਲੇ) ਪਾਉਂਦੇ ਹੋ, XML ਪਾਰਸਰ ਨੂੰ ਦੱਸਣਾ ਕਿ ਸਟਾਈਲਸ਼ੀਟ ਕਿੱਥੇ ਹੈ ਉਦਾਹਰਣ ਲਈ:

ਜਿਵੇਂ ਕਿ ਮੈਂ ਉਪਰ ਕਿਹਾ ਹੈ, ਇਹ ਲਾਈਨ ਐਲਾਨ ਤੋਂ ਹੇਠਾਂ ਲੱਭੀ ਜਾਣੀ ਚਾਹੀਦੀ ਹੈ, ਪਰ ਐਕਸਮੌਨਮ ਡੌਕਯੁਮੈੱਨਟ ਦੇ ਕਿਸੇ ਤੱਤ ਤੋਂ ਪਹਿਲਾਂ.

ਇਹ ਸਭ ਇਕੱਠੇ ਰੱਖਕੇ, ਤੁਹਾਡਾ XML ਦਸਤਾਵੇਜ਼ ਪੜ੍ਹਿਆ ਜਾਵੇਗਾ:

< ! ਤ੍ਰਿਪਤ ਬੱਚੇ (# ਪੀਸੀਸੀਏਟੀਏ)>]> <ਪਰਿਵਾਰ> <ਮਾਤਾ> ਜੂਡੀ <ਮਾਤਾ> ਲਾਰਡ <ਬੱਚਾ> ਜੈਨੀਫ਼ਰ <ਬੱਚੇ> ਬ੍ਰੈਂਡਨ