ਸਪੈਨ ਟੈਗ ਅਤੇ CSS ਦੇ ਨਾਲ ਇਕ ਸ਼ਬਦ ਦਾ ਰੰਗ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ

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

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

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

ਕਦਮ ਨਿਰਦੇਸ਼ ਦੁਆਰਾ ਕਦਮ

1. ਉਸ ਵੈਬ ਪੇਜ ਨੂੰ ਖੋਲ੍ਹੋ ਜਿਸਨੂੰ ਤੁਸੀਂ ਆਪਣੇ ਪਸੰਦੀਦਾ ਟੈਕਸਟ HTML ਐਡੀਟਰ ਵਿੱਚ ਅਪਡੇਟ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ. ਇਹ ਐਡੋਮ ਡ੍ਰੀਮਾਈਵਵਰ ਜਾਂ ਨਾਪਪੈਡ, ਨੋਟਪੈਡ ++, ਟੈਕਸਟਇਡ ਆਦਿ ਵਰਗੇ ਇੱਕ ਸਧਾਰਨ ਪਾਠ ਸੰਪਾਦਕ ਵਰਗਾ ਪ੍ਰੋਗਰਾਮ ਹੋ ਸਕਦਾ ਹੈ.
2. ਡੌਕਯੁਮੈੱਨਟ ਵਿਚ, ਉਹ ਪੇਜ ਨੂੰ ਲੱਭੋ ਜੋ ਤੁਸੀਂ ਪੇਜ ਤੇ ਕਿਸੇ ਵੱਖਰੇ ਰੰਗ ਵਿਚ ਪ੍ਰਦਰਸ਼ਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ. ਇਸ ਟਿਊਟੋਰਿਅਲ ਦੀ ਮਦਦ ਲਈ, ਕੁਝ ਸ਼ਬਦ ਇਸਤੇਮਾਲ ਕਰੋ ਜੋ ਕਿ ਪਾਠ ਦੇ ਵੱਡੇ ਪੈਰੇ ਦੇ ਅੰਦਰ ਹਨ. ਇਹ ਟੈਕਸਟ, ਟਾਈਟਗੇਜ ਜੋੜੀ ਦੇ ਅੰਦਰ ਹੈ. ਦੋ ਸ਼ਬਦਾਂ ਵਿੱਚੋਂ ਇੱਕ ਲੱਭੋ ਜਿਨ੍ਹਾਂ ਦਾ ਰੰਗ ਤੁਸੀਂ ਸੰਪਾਦਨ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ.
3. ਆਪਣੇ ਕਰਸਰ ਨੂੰ ਸ਼ਬਦਾਂ ਜਾਂ ਉਹਨਾਂ ਸ਼ਬਦਾਂ ਦੇ ਸਮੂਹ ਵਿੱਚ ਪਹਿਲੇ ਅੱਖਰ ਤੋਂ ਪਹਿਲਾਂ ਰੱਖੋ ਜੋ ਤੁਸੀਂ ਰੰਗ ਬਦਲਣਾ ਚਾਹੁੰਦੇ ਹੋ. ਯਾਦ ਰੱਖੋ, ਜੇ ਤੁਸੀਂ ਡਰਵੀਵੇਵਰ ਵਰਗੇ ਇੱਕ WYSIWYG ਸੰਪਾਦਕ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ, ਤੁਸੀਂ ਹੁਣ "ਕੋਡ ਵਿਊ" ਰਿਜਥ ਵਿੱਚ ਕੰਮ ਕਰ ਰਹੇ ਹੋ.
4. ਜਿਸ ਟੈਕਸਟ ਨੂੰ ਅਸੀਂ ਇੱਕ ਟੈਗ ਨਾਲ ਬਦਲਣਾ ਚਾਹੁੰਦੇ ਹਾਂ, ਕਲਾਸ ਐਟਰੀਬਿਊਟ ਸਮੇਤ ਸਾਰਾ ਪੈਰਾ ਇਸ ਤਰ੍ਹਾਂ ਦਿਖਾਈ ਦੇ ਸਕਦਾ ਹੈ: ਇਹ ਉਹ ਪਾਠ ਹੈ ਜੋ ਕਿਸੇ ਵਾਕ 'ਤੇ ਕੇਂਦਰਤ ਹੈ.
5. ਅਸੀਂ ਹੁਣੇ ਹੀ ਇੱਕ ਇਨਲਾਈਨ ਐਲੀਮੈਂਟ ਵਰਤੀ ਹੈ, ਜੋ, ਉਸ ਖਾਸ ਟੈਕਸਟ ਨੂੰ ਇੱਕ "ਹੁੱਕ" ਦੇਣ ਲਈ, ਜੋ ਅਸੀਂ CSS ਵਿੱਚ ਵਰਤ ਸਕਦੇ ਹਾਂ. ਸਾਡਾ ਅਗਲਾ ਕਦਮ ਹੈ ਨਵਾਂ ਨਿਯਮ ਜੋੜਨ ਲਈ ਸਾਡੀ ਬਾਹਰੀ CSS ਫਾਈਲ ਤੇ ਛਾਲਣਾ.

1. ਸਾਡੇ CSS ਫਾਈਲ ਵਿੱਚ, ਆਓ ਜੋੜੀਏ:
   1. . ਫੋਕਸ-ਟੈਕਸਟ {
   2. ਰੰਗ: # F00;
   3. }
   4. '
2. ਇਸ ਨਿਯਮ ਨੇ ਇਨਲਾਈਨ ਐਲੀਮੈਂਟ ਨੂੰ, ਰੰਗ ਲਾਲ ਰੰਗ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਸੈੱਟ ਕੀਤਾ ਹੋਵੇਗਾ. ਜੇ ਸਾਡੇ ਕੋਲ ਪੁਰਾਣੀ ਸ਼ੈਲੀ ਹੈ ਜੋ ਸਾਡੇ ਦਸਤਾਵੇਜ਼ ਦਾ ਕਾਲਾ ਕਾਲਾ ਹੈ ਤਾਂ ਇਹ ਇਨਲਾਈਨ ਸਟਾਈਲ ਸਪੈਨ ਟੈਕਸਟ ਤੇ ਧਿਆਨ ਕੇਂਦਰਤ ਕਰੇਗੀ ਅਤੇ ਵੱਖਰੇ ਰੰਗ ਨਾਲ ਬਾਹਰ ਖੜਾਵੇਗੀ. ਅਸੀਂ ਇਸ ਨਿਯਮ ਵਿਚ ਹੋਰ ਸਟਾਈਲ ਵੀ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹਾਂ, ਸ਼ਾਇਦ ਪਾਠ ਨੂੰ ਤਿਰਛੇ ਬਣਾਉਣ ਜਾਂ ਬੋਲਣ ਲਈ ਇਸ ਨੂੰ ਹੋਰ ਜ਼ਿਆਦਾ ਜ਼ੋਰ ਦੇਣ ਲਈ.
3. ਆਪਣੇ ਪੰਨੇ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰੋ.
4. ਪ੍ਰਭਾਵ ਵਿੱਚ ਬਦਲਾਵਾਂ ਦੇਖਣ ਲਈ ਆਪਣੇ ਮਨਪਸੰਦ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਪੇਜ ਨੂੰ ਟੈਸਟ ਕਰੋ.
5. ਨੋਟ ਕਰੋ ਕਿ ਕੁਝ ਵੈਬ ਪੇਸ਼ਾਵਰ ਇਸ ਤੋਂ ਇਲਾਵਾ ਹੋਰ ਜੋੜਿਆਂ ਜਿਵੇਂ ਟੈਗ ਜੋੜਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਪਸੰਦ ਕਰਦੇ ਹਨ. ਇਹ ਟੈਗ ਖਾਸ ਤੌਰ ਤੇ "ਬੋਲਡ" ਅਤੇ "ਇਟੈਲਿਕਸ" ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਸਨ, ਪਰ ਉਹਨਾਂ ਨੂੰ ਬਰਤਰਫ ਕਰ ਦਿੱਤਾ ਗਿਆ ਸੀ ਅਤੇ ਇਹਨਾਂ ਨਾਲ ਬਦਲਿਆ ਗਿਆ ਅਤੇ. ਟੈਗਸ ਅਜੇ ਵੀ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਕੰਮ ਕਰਦੇ ਹਨ, ਹਾਲਾਂਕਿ, ਬਹੁਤ ਸਾਰੇ ਵੈਬ ਡਿਵੈਲਪਰ ਉਹਨਾਂ ਨੂੰ ਇਨਲਾਈਨ ਸਟਾਈਲਿੰਗ ਦੇ ਤੌਰ ਤੇ ਵਰਤਦੇ ਹਨ ਇਹ ਸਭ ਤੋਂ ਭੈੜਾ ਤਰੀਕਾ ਨਹੀਂ ਹੈ, ਪਰ ਜੇ ਤੁਸੀਂ ਕਿਸੇ ਨਾਪਸੰਦ ਤੱਤਾਂ ਤੋਂ ਬਚਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਮੈਂ ਸੁਝਾਅ ਦਿੰਦਾ ਹਾਂ ਕਿ ਇਸ ਕਿਸਮ ਦੀਆਂ ਸਟਾਈਲਿੰਗ ਲੋੜਾਂ ਲਈ ਟੈਗ ਨਾਲ ਟਿੱਕ ਕਰੋ.

ਸੁਝਾਅ ਅਤੇ ਚੀਜ਼ਾਂ ਨੂੰ ਵੇਖਣ ਲਈ

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