ਜੇ ਤੁਸੀਂ ਜਾਣਨਾ ਚਾਹੁੰਦੇ ਹੋ ਕਿ CSS ਸਟਾਈਲ ਕਿਵੇਂ HTML ਸਫ਼ੇ ਹਨ, ਤਾਂ ਤੁਸੀਂ ਸਰੂਪਣ ਦੀ ਧਾਰਣਾ ਦੀ ਸ਼ਲਾਘਾ ਕਰੋਗੇ. XML ਮਾਰਕਅਪ ਭਾਸ਼ਾ ਦੀ ਸ਼ੁਰੂਆਤ ਤੇ, ਡਾਟਾ ਪ੍ਰਦਰਸ਼ਤ ਕਰਨਾ ਥੋੜਾ ਗੁੰਝਲਦਾਰ ਸੀ, ਪਰ ਇਹ ਸਟਾਈਲ ਸ਼ੀਟਾਂ ਨਾਲ ਬਦਲਿਆ.
ਸ਼ੈਲੀ ਸ਼ੀਟ ਦੇ ਹਵਾਲੇ ਨੂੰ ਜੋੜ ਕੇ, ਤੁਸੀਂ ਆਪਣੇ XML ਕੋਡ ਨੂੰ ਇੱਕ ਵੈਬ ਪੇਜ ਦੇ ਰੂਪ ਵਿੱਚ ਦਰਸਾ ਸਕਦੇ ਹੋ ਅਤੇ ਡਿਸਪਲੇ ਕਰ ਸਕਦੇ ਹੋ. CSS ਜਾਂ ਕੁਝ ਹੋਰ ਫਾਰਮੇਟਿੰਗ ਦੇ ਬਿਨਾਂ, XML ਗਲਤੀ ਨਾਲ ਬੁਨਿਆਦੀ ਟੈਕਸਟ ਦੇ ਤੌਰ ਤੇ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਜੋ ਦੱਸਦਾ ਹੈ ਕਿ ਬ੍ਰਾਉਜ਼ਰ ਇੱਕ ਫਾਰਮੈਟਿੰਗ ਦਸਤਾਵੇਜ਼ ਨਹੀਂ ਲੱਭ ਸਕਿਆ.
XML ਸਟਾਇਲ ਉਦਾਹਰਨ
ਇੱਕ ਸਧਾਰਨ ਸਟਾਇਲ ਸ਼ੀਟ ਸਿਰਫ ਇਹ ਲੋੜੀਂਦੀ ਹੈ ਕਿ ਤੁਸੀਂ ਡੇਟਾ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਤੱਤ ਅਤੇ ਫਾਰਮੇਟਿੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਸੂਚੀ ਬਣਾਉਂਦੇ ਹੋ.
ਕੋਡ ਦੀ ਇਹ ਬਿੱਟ ਪ੍ਰੋਸੈਸਰ ਨੂੰ ਦੱਸਦੀ ਹੈ ਕਿ ਕਿਹਡ਼ੇ ਤੱਤ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ ਅਤੇ ਕਿਵੇਂ ਉਹਨਾਂ ਨੂੰ ਵੈਬ ਪੇਜ ਤੇ ਦੇਖਣਾ ਚਾਹੀਦਾ ਹੈ, ਇਸ ਤਰ੍ਹਾਂ:
ਸੈਂਪਲ {ਬੈਕਗ੍ਰਾਉਂਡ-ਰੰਗ: #ffffff; ਚੌੜਾਈ: 100%;} mymessage {display: block; ਬੈਕਗ੍ਰਾਉਂਡ-ਰੰਗ: # 999999; ਹਾਸ਼ੀਏ-ਹੇਠਾਂ: 30pt;} ਸਰੀਰ {ਫੌਂਟ-ਸਾਈਜ਼: 50%}ਫਾਰਮੈਟਿੰਗ ਫਾਈਲ ਦੀ ਪਹਿਲੀ ਲਾਈਨ ਰੂਟ ਐਲੀਮੈਂਟ ਹੈ. ਰੂਟ ਲਈ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਪੂਰੇ ਸਫ਼ੇ 'ਤੇ ਲਾਗੂ ਹੁੰਦੀਆਂ ਹਨ, ਪਰ ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਹਰੇਕ ਟੈਗ ਲਈ ਬਦਲਦੇ ਹੋ. ਇਸ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਤੁਸੀਂ ਹਰ ਭਾਗ ਲਈ ਫਿਰ ਬੈਕਗ੍ਰਾਉਂਡ ਰੰਗ ਤਿਆਰ ਕਰ ਸਕਦੇ ਹੋ.
ਇਸ ਫਾਇਲ ਨੂੰ ਉਸੇ ਡਾਈਰੈੱਕਰ ਵਿੱਚ ਆਪਣੀ XML ਫਾਇਲ ਵਿੱਚ ਸੇਵ ਕਰੋ, ਅਤੇ ਇਹ ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਇਸ ਕੋਲ. CSS ਫਾਇਲ ਐਕਸਟੈਂਸ਼ਨ ਹੈ.
XML ਤੋਂ CSS ਨੂੰ ਲਿੰਕ ਕਰੋ
ਇਸ ਮੌਕੇ 'ਤੇ, ਇਹ ਦੋ ਪੂਰੀ ਵੱਖਰੇ ਦਸਤਾਵੇਜ਼ ਹਨ. ਪ੍ਰੋਸੈਸਰ ਨੂੰ ਇਹ ਨਹੀਂ ਪਤਾ ਹੈ ਕਿ ਤੁਸੀਂ ਇੱਕ ਵੈਬ ਪੇਜ ਬਣਾਉਣ ਲਈ ਇਕੱਠੇ ਕੰਮ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ.
ਤੁਸੀਂ ਇਸ ਨੂੰ XML ਦਸਤਾਵੇਜ਼ ਦੇ ਸਿਖਰ 'ਤੇ ਜੋੜ ਕੇ ਇਸ ਨੂੰ ਠੀਕ ਕਰ ਸਕਦੇ ਹੋ ਜੋ CSS ਫਾਇਲ ਦਾ ਮਾਰਗ ਦੱਸਦਾ ਹੈ. ਬਿਆਨ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਸ਼ੁਰੂਆਤੀ XML ਘੋਸ਼ਣਾ ਬਿਆਨ ਹੇਠ ਹੈ, ਜਿਵੇਂ ਕਿ:
ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, CSS ਫਾਈਲ ਨੂੰ products.css ਕਿਹਾ ਜਾਂਦਾ ਹੈ , ਜਿਸ ਕਰਕੇ ਇਸ ਨੂੰ XML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਲੇਬਲ ਕੀਤਾ ਗਿਆ ਹੈ. ਉਹ CSS ਫਾਈਲ ਲਈ ਜੋ ਵੀ ਫਾਈਲ ਨਾਮ ਤੁਸੀਂ ਚੁਣਿਆ ਹੈ ਉਸ ਨੂੰ ਬਦਲੋ.