CSS ਵਿੱਚ ਇਨਲਾਈਨ ਸਟਾਈਲ ਦੇ ਫਾਇਦਿਆਂ ਅਤੇ ਕਮੀਆਂ

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

ਇਨਲਾਈਨ ਸਟਾਈਲ CSS ਸਟਾਈਲਸ ਹਨ ਜੋ ਸਿੱਧੇ ਸਫ਼ੇ ਦੇ HTML ਵਿੱਚ ਲਾਗੂ ਹੁੰਦੀਆਂ ਹਨ. ਇਸ ਪਹੁੰਚ ਲਈ ਦੋਵੇਂ ਫਾਇਦਿਆਂ ਅਤੇ ਨੁਕਸਾਨ ਹਨ. ਪਹਿਲਾਂ, ਆਓ ਇਹ ਦੇਖੀਏ ਕਿ ਇਹ ਸਟਾਈਲ ਕਿਸ ਤਰ੍ਹਾਂ ਲਿਖੀਆਂ ਜਾਂਦੀਆਂ ਹਨ.

ਇਨਲਾਈਨ ਸਟਾਈਲ ਕਿਵੇਂ ਲਿਖੀਏ

ਇੱਕ ਇਨਲਾਈਨ CSS ਸ਼ੈਲੀ ਨੂੰ ਬਣਾਉਣ ਲਈ, ਤੁਸੀਂ ਆਪਣੀ ਸਟਾਈਲ ਦੀ ਜਾਇਦਾਦ ਨੂੰ ਉਸੇ ਤਰ੍ਹਾਂ ਲਿਖ ਕੇ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋ ਜਿਸ ਤਰ੍ਹਾਂ ਤੁਸੀਂ ਇੱਕ ਸਟਾਈਲ ਸ਼ੀਟ ਵਿੱਚ ਕਰਦੇ ਹੋ, ਪਰ ਇਹ ਸਭ ਇੱਕ ਲਾਈਨ ਹੋਣ ਦੀ ਲੋੜ ਹੈ ਸੈਮੀਕੋਲਨ ਨਾਲ ਵੱਖੋ-ਵੱਖਰੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਵੱਖ ਕਰੋ ਜਿਵੇਂ ਕਿ ਤੁਸੀਂ ਇੱਕ ਸ਼ੈਲੀ ਸ਼ੀਟ ਵਿੱਚ ਕਰਦੇ ਹੋ.

ਪਿਛੋਕੜ: #ccc; ਰੰਗ: #fff; ਸਰਹੱਦ: ਠੋਸ ਕਾਲੇ 1px;

ਉਹ ਤੱਤ ਦੀ ਸ਼ੈਲੀ ਵਿਸ਼ੇਸ਼ਤਾ ਵਿਚ ਸਟਾਈਲ ਦੀ ਇਹ ਲਾਈਨ ਰੱਖੋ ਜਿੱਥੇ ਤੁਸੀਂ ਸਟਾਇਲ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ. ਉਦਾਹਰਨ ਲਈ, ਜੇ ਤੁਸੀਂ ਇਸ ਸਟਾਈਲ ਨੂੰ ਆਪਣੇ HTML ਵਿੱਚ ਪੈਰਾਗ੍ਰਾਫ ਵਿੱਚ ਲਾਗੂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਇਹ ਤੱਤ ਇਸ ਤਰਾਂ ਦਿਖਾਈ ਦੇਵੇਗਾ:

ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਇਹ ਖਾਸ ਪੈਰਾ ਇੱਕ ਹਲਕਾ ਭੂਰੇ ਪਿਛੋਕੜ (ਜੋ ਕਿ #ccc ਰਿਜ਼ਰਵ ਦੇਵੇਗਾ), ਕਾਲਾ ਟੈਕਸਟ (# 000 ਰੰਗ ਤੋਂ), ਅਤੇ ਪੈਰਾਗ੍ਰਾਫ ਦੇ ਚਾਰਾਂ ਪਾਸਿਆਂ ਦੇ ਚਾਰੇ ਪਾਸੇ 1-ਪਿਕਸਲ ਦੀ ਮਜ਼ਬੂਤ ​​ਕਾਲੇ ਬਾਰਡਰ ਨਾਲ ਪ੍ਰਗਟ ਹੋਵੇਗਾ .

ਇਨਲਾਈਨ ਸਟਾਇਲ ਦੇ ਫਾਇਦੇ

ਕੈਸਕੇਡਿੰਗ ਸਟਾਇਲ ਸ਼ੀਟ ਇਨਲਾਈਨ ਸਟਾਈਲ ਦੀ ਕਸਕੇਡ ਦਾ ਧੰਨਵਾਦ ਦਸਤਾਵੇਜ਼ਾਂ ਵਿੱਚ ਸਭ ਤੋਂ ਵੱਧ ਤਰਜੀਹ ਜਾਂ ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ. ਇਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਉਹ ਤੁਹਾਡੇ ਬਾਹਰੀ ਸਟਾਈਲਸ਼ੀਟ ਵਿੱਚ ਕੋਈ ਹੋਰ ਕੀ ਪ੍ਰਭਾਵੀ ਹੈ ਇਸਦੇ ਲਾਗੂ ਕੀਤੇ ਜਾ ਰਹੇ ਹਨ (ਇੱਕ ਅਪਵਾਦ ਜਿਸ ਵਿੱਚ ਕੋਈ ਵੀ ਸ਼ੈਲੀ ਦਿੱਤੀ ਗਈ ਹੈ! ਮਹੱਤਵਪੂਰਣ ਘੋਸ਼ਣਾ ਇਹ ਹੈ ਕਿ ਸ਼ੀਟ, ਪਰ ਇਹ ਅਜਿਹਾ ਨਹੀਂ ਹੈ ਜੋ ਉਤਪਾਦਨ ਦੇ ਸਥਾਨਾਂ ਵਿੱਚ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਜੇਕਰ ਇਹ ਬਚਿਆ ਜਾ ਸਕਦਾ ਹੈ).

ਇਨਲਾਈਨ ਸਟਾਈਲਾਂ ਤੋਂ ਜਿਆਦਾ ਤਰਜੀਹ ਵਾਲੀਆਂ ਉਹੋ ਸਟਾਈਲ ਜਿਹੜੀਆਂ ਪਾਠਕ ਦੁਆਰਾ ਖੁਦ ਹੀ ਲਾਗੂ ਹੁੰਦੀਆਂ ਹਨ. ਜੇ ਤੁਹਾਨੂੰ ਆਪਣੇ ਬਦਲਾਵ ਲਾਗੂ ਕਰਨ ਵਿੱਚ ਸਮੱਸਿਆ ਹੋ ਰਹੀ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਤੱਤ ਤੇ ਇਕ ਇਨਲਾਈਨ ਸਟਾਈਲ ਸੈਟ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰ ਸਕਦੇ ਹੋ. ਜੇ ਤੁਸੀਂ ਸਟਾਈਲ ਨੂੰ ਅਜੇ ਵੀ ਇਨਲਾਈਨ ਸਟਾਈਲ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰਦੇ, ਤਾਂ ਤੁਹਾਨੂੰ ਪਤਾ ਹੈ ਕਿ ਕੁਝ ਹੋਰ ਵੀ ਚੱਲ ਰਿਹਾ ਹੈ.

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

ਇਨਲਾਈਨ ਸਟਾਇਲ ਦੇ ਨੁਕਸਾਨ

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

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

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

ਸੱਚਮੁੱਚ, ਇਹ ਵੈਬ ਡਿਜ਼ਾਇਨ ਵਿੱਚ ਇੱਕ ਕਦਮ ਹੈ - ਟੈਗ ਦੇ ਦਿਨ!