ਕੈਸਕੇਡ ਵਿਚ ਇਕ ਬਦਲਾਅ ਜ਼ਰੂਰੀ!
ਵੈਬਸਾਈਟਾਂ ਨੂੰ ਕਿਵੇਂ ਕੋਡ ਕਰਨਾ ਹੈ ਸਿੱਖਣ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕਾ ਇਹ ਹੈ ਕਿ ਅਸੀਂ ਹੋਰਨਾਂ ਸਾਈਟਾਂ ਦੇ ਸਰੋਤ ਕੋਡ ਵੇਖੀਏ. ਇਹ ਪ੍ਰੈਕਟਿਸ ਇਹ ਹੈ ਕਿ ਵੈਬ ਪੇਸ਼ਾਵਰਾਂ ਨੇ ਉਨ੍ਹਾਂ ਦੀਆਂ ਕਲਾਵਾਂ ਕਿਵੇਂ ਸਿੱਖੀਆਂ, ਖਾਸ ਤੌਰ 'ਤੇ ਦਿਨ ਪਹਿਲਾਂ ਜਦੋਂ ਵੈਬ ਡਿਜ਼ਾਈਨ ਕੋਰਸ , ਕਿਤਾਬਾਂ , ਅਤੇ ਆਨਲਾਈਨ ਸਿਖਲਾਈ ਦੀਆਂ ਸਾਈਟਾਂ ਲਈ ਬਹੁਤ ਸਾਰੇ ਵਿਕਲਪ ਸਨ.
ਜੇ ਤੁਸੀਂ ਇਸ ਅਭਿਆਸ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ ਅਤੇ ਕਿਸੇ ਸਾਈਟ ਦੀ ਕੈਸਕੇਡਿੰਗ ਸ਼ੈਲੀ ਸ਼ੀਟਸ (ਸੀਐਸਐਸ) ਨੂੰ ਦੇਖੋ ਤਾਂ ਤੁਸੀਂ ਉਸ ਕੋਡ ਵਿਚ ਦੇਖ ਸਕਦੇ ਹੋ ਜੋ ਇਕ ਲਾਈਨ ਹੈ!
ਇਸਦਾ ਕੀ ਅਰਥ ਹੈ ਅਤੇ, ਜਿਵੇਂ ਕਿ ਮਹੱਤਵਪੂਰਨ ਹੈ, ਤੁਸੀਂ ਆਪਣੀ ਸ਼ੈਲੀ ਸ਼ੀਟ ਵਿੱਚ ਇਸ ਘੋਸ਼ਣਾ ਨੂੰ ਕਿਵੇਂ ਸਹੀ ਢੰਗ ਨਾਲ ਵਰਤਦੇ ਹੋ?
CSS ਦਾ ਆਕਾਰ
ਸਭ ਤੋਂ ਪਹਿਲਾਂ, ਇਹ ਸਮਝਣਾ ਮਹੱਤਵਪੂਰਨ ਹੈ ਕਿ ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਾਂ ਅਸਲ ਵਿੱਚ ਕੈਸਕੇਡ ਹਨ , ਮਤਲਬ ਕਿ ਉਹਨਾਂ ਨੂੰ ਕਿਸੇ ਖਾਸ ਕ੍ਰਮ ਵਿੱਚ ਰੱਖਿਆ ਗਿਆ ਹੈ. ਆਮ ਤੌਰ ਤੇ, ਇਸਦਾ ਅਰਥ ਹੈ ਕਿ ਸਟਾਈਲ ਉਹਨਾਂ ਕ੍ਰਮ ਵਿੱਚ ਲਾਗੂ ਕੀਤੇ ਜਾਂਦੇ ਹਨ ਜੋ ਉਨ੍ਹਾਂ ਨੂੰ ਬਰਾਊਜ਼ਰ ਦੁਆਰਾ ਪੜ੍ਹਦੇ ਹਨ. ਪਹਿਲੀ ਸਟਾਈਲ ਨੂੰ ਲਾਗੂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਫਿਰ ਦੂਜਾ ਅਤੇ ਇਸਦੇ ਉੱਤੇ.
ਨਤੀਜੇ ਵਜੋਂ, ਜੇ ਸਟਾਇਲ ਸ਼ੀਟ ਦੇ ਉੱਪਰ ਇਕ ਸ਼ੈਲੀ ਦਿਖਾਈ ਦਿੰਦੀ ਹੈ ਅਤੇ ਫਿਰ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਹੇਠਲੇ ਪੱਧਰ ਤੇ ਤਬਦੀਲ ਹੋ ਜਾਂਦੀ ਹੈ, ਤਾਂ ਉਸ ਸਟਾਈਲ ਦੀ ਦੂਸਰੀ ਮਿਸਾਲ ਅਗਲੇ ਦਰਜੇ ਤੇ ਲਾਗੂ ਹੁੰਦੀ ਹੈ, ਪਹਿਲੇ ਨਹੀਂ. ਮੂਲ ਰੂਪ ਵਿਚ, ਜੇਕਰ ਦੋ ਸਟਾਈਲ ਇਕੋ ਗੱਲ ਕਹਿ ਰਹੇ ਹਨ (ਜਿਸਦਾ ਅਰਥ ਹੈ ਕਿ ਉਹਨਾਂ ਕੋਲ ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਦਾ ਇੱਕੋ ਪੱਧਰ ਹੈ), ਆਖਰੀ ਸੂਚੀ ਵਿੱਚ ਵਰਤਿਆ ਜਾਵੇਗਾ.
ਉਦਾਹਰਨ ਲਈ, ਮੰਨ ਲੈਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਇੱਕ ਸਟਾਈਲ ਸ਼ੀਟ ਵਿੱਚ ਨਿਮਨਲਿਖਤ ਸਟਾਈਲ ਸ਼ਾਮਲ ਕੀਤੀ ਗਈ ਸੀ. ਪੈਰਾ ਪਾਠ ਨੂੰ ਕਾਲੇ ਰੰਗ ਵਿਚ ਪੇਸ਼ ਕੀਤਾ ਜਾਵੇਗਾ, ਭਾਵੇਂ ਪ੍ਰੰਪਰਾਗਤ ਕੀਤੀ ਪਹਿਲੀ ਸਟਾਈਲ ਪ੍ਰਾਪਤੀ ਲਾਲ ਹੈ.
ਇਹ ਇਸ ਲਈ ਹੈ ਕਿਉਂਕਿ "ਕਾਲਾ" ਮੁੱਲ ਦੂਜੇ ਦਰਜੇ 'ਤੇ ਹੈ. ਕਿਉਂਕਿ ਸੀਐਸਐਸ ਤੋਂ ਉੱਪਰ-ਤੋਂ-ਹੇਠਾਂ ਪੜ੍ਹਿਆ ਜਾਂਦਾ ਹੈ, ਅੰਤਿਮ ਸਟਾਈਲ "ਕਾਲਾ" ਹੈ ਅਤੇ ਇਸ ਲਈ ਉਹ ਇੱਕ ਜਿੱਤ ਜਾਂਦਾ ਹੈ.
ਪੀ {ਰੰਗ: ਲਾਲ; }
p {color: black; }
ਮਹੱਤਵਪੂਰਨ ਮਹੱਤਵਪੂਰਨਤਾ ਨੂੰ ਬਦਲਦਾ ਹੈ
ਹੁਣ ਜਦੋਂ ਤੁਸੀਂ ਸਮਝ ਲੈਂਦੇ ਹੋ ਕਿ ਇਹ ਸਾਰੇ ਇੱਕੋ ਜਿਹੇ ਨਿਯਮ CSS ਦੁਆਰਾ ਸੰਸਾਧਿਤ ਹੁੰਦੇ ਹਨ, ਅਸੀਂ ਦੇਖ ਸਕਦੇ ਹਾਂ ਕਿ ਮਹੱਤਵਪੂਰਣ ਨਿਰਦੇਸ਼ਾਂ ਨਾਲ ਚੀਜ਼ਾਂ ਥੋੜਾ ਬਦਲ ਸਕਦੀਆਂ ਹਨ.
ਮਹੱਤਵਪੂਰਨ ਨਿਰਦੇਸ਼ ਤੁਹਾਡੇ ਨਿਯਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰਦੇ ਹੋਏ ਤੁਹਾਡੇ CSS ਕੈਕੇਡਸ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ ਜੋ ਤੁਹਾਨੂੰ ਲਗਦਾ ਹੈ ਕਿ ਇਹ ਬਹੁਤ ਮਹੱਤਵਪੂਰਨ ਹਨ ਅਤੇ ਇਨ੍ਹਾਂ ਨੂੰ ਲਾਗੂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ. ਇੱਕ ਨਿਯਮ ਜਿਸ ਕੋਲ! ਮਹੱਤਵਪੂਰਣ ਡਾਇਰੈਕਟਿਵ ਹਮੇਸ਼ਾ ਲਾਗੂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਕੋਈ ਗੱਲ ਨਹੀਂ ਜਿੱਥੇ ਉਹ ਨਿਯਮ CSS ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਪ੍ਰਗਟ ਹੁੰਦਾ ਹੈ.
ਪੈਰਾਗ੍ਰਾਫ ਦੇ ਪਾਠ ਨੂੰ ਹਮੇਸ਼ਾ ਲਾਲ ਬਣਾਉਣ ਲਈ, ਉਪਰੋਕਤ ਉਦਾਹਰਨ ਤੋਂ, ਤੁਸੀਂ ਇਹ ਵਰਤੋਗੇ:
ਪੀ {ਰੰਗ: ਲਾਲ! ਮਹੱਤਵਪੂਰਣ; }
p {color: black; }
ਹੁਣ ਸਾਰਾ ਟੈਕਸਟ ਲਾਲ ਵਿੱਚ ਦਿਖਾਈ ਦੇਵੇਗਾ, ਭਾਵੇਂ ਕਿ "ਕਾਲਾ" ਮੁੱਲ ਦੂਜੀ ਸੂਚੀ ਵਿੱਚ ਹੈ. ਮਹੱਤਵਪੂਰਣ ਨਿਰਦੇਸ਼ਕ ਕੈਸਕੇਡ ਦੇ ਆਮ ਨਿਯਮਾਂ ਨੂੰ ਓਵਰਰਾਈਡ ਕਰਦਾ ਹੈ ਅਤੇ ਇਹ ਉਹ ਸ਼ੈਲੀ ਬਹੁਤ ਉੱਚ ਗੁਣਵੱਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ.
ਜੇ ਤੁਸੀਂ ਪੈਰਾਗ੍ਰਾਫਰਾਂ ਨੂੰ ਲਾਲ ਰੰਗ ਦੇ ਰੂਪ ਵਿਚ ਦੇਖਣ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਲੋੜ ਪੈਂਦੀ ਹੈ, ਤਾਂ ਇਹ ਸ਼ੈਲੀ ਇਸ ਤਰ੍ਹਾਂ ਕਰੇਗੀ, ਪਰ ਇਸ ਦਾ ਇਹ ਮਤਲਬ ਨਹੀਂ ਹੈ ਕਿ ਇਹ ਇਕ ਚੰਗਾ ਅਭਿਆਸ ਹੈ. ਆਓ ਅਗਲੀ ਵਾਰ ਉਸ ਸਮੇਂ ਵੇਖੀਏ ਜਦੋਂ ਤੁਸੀਂ ਵਰਤਣਾ ਚਾਹੋਗੇ! ਮਹੱਤਵਪੂਰਨ ਅਤੇ ਜਦੋਂ ਇਹ ਢੁਕਵਾਂ ਨਹੀਂ ਹੁੰਦਾ.
ਵਰਤਣ ਲਈ ਕਦੋਂ! ਮਹੱਤਵਪੂਰਣ
ਮਹੱਤਵਪੂਰਨ ਨਿਰਦੇਸ਼ ਤੁਹਾਡੇ ਵੈੱਬਸਾਈਟ ਦੀ ਜਾਂਚ ਅਤੇ ਡੀਬੱਗਿੰਗ ਕਰਦੇ ਸਮੇਂ ਬਹੁਤ ਲਾਭਦਾਇਕ ਹੁੰਦਾ ਹੈ. ਜੇ ਤੁਸੀਂ ਇਹ ਯਕੀਨੀ ਨਹੀਂ ਹੋ ਕਿ ਕੋਈ ਸ਼ੈਲੀ ਕਿਵੇਂ ਲਾਗੂ ਨਹੀਂ ਕੀਤੀ ਜਾ ਰਹੀ ਹੈ ਅਤੇ ਇਹ ਸੋਚਦਾ ਹੈ ਕਿ ਇਹ ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਦਾ ਹੋ ਸਕਦਾ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਆਪਣੀ ਸ਼ੈਲੀ ਵਿੱਚ ਇਹ ਮਹੱਤਵਪੂਰਣ ਘੋਸ਼ਣਾ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਹੋ ਕਿ ਇਹ ਇਸ ਨੂੰ ਠੀਕ ਕਰੇ ਜਾਂ ਨਹੀਂ.
ਜੇ ਜੋੜ ਰਹੇ ਹੋ! ਮਹੱਤਵਪੂਰਨ ਸ਼ੈਲੀ ਦੀ ਸਮੱਸਿਆ ਨੂੰ ਸੱਚਮੁੱਚ ਹੀ ਠੀਕ ਕਰਦਾ ਹੈ, ਤੁਸੀਂ ਸਿਰਫ ਇਹ ਨਿਰਧਾਰਿਤ ਕੀਤਾ ਹੈ ਕਿ ਇਹ ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਦਾ ਹੈ. ਪਰ, ਤੁਸੀਂ ਉਸ ਨੂੰ ਛੱਡਣਾ ਨਹੀਂ ਚਾਹੁੰਦੇ ਹੋ! ਮਹੱਤਵਪੂਰਨ ਕੋਡ ਨੂੰ ਸਥਾਨ ਵਿੱਚ, ਇਹ ਕੇਵਲ ਜਾਂਚ ਮੰਤਵਾਂ ਲਈ ਹੀ ਦਿੱਤਾ ਗਿਆ ਸੀ.
ਟੈਸਟ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਹੁਣ ਤੁਹਾਨੂੰ ਉਸ ਨਿਰਦੇਸ਼ਨ ਨੂੰ ਹਟਾ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਉਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਆਪਣੇ ਚੋਣਕਾਰ ਨੂੰ ਅਨੁਕੂਲ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਜਿਸਦੀ ਤੁਹਾਨੂੰ ਆਪਣੀ ਸ਼ੈਲੀ ਨੂੰ ਕੰਮ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੈ. ਮਹੱਤਵਪੂਰਨ ਨੂੰ ਆਪਣੀ ਉਤਪਾਦਨ ਦੀਆਂ ਸਾਈਟਾਂ ਵਿੱਚ ਆਪਣਾ ਰਸਤਾ ਬਣਾਉਣਾ ਨਹੀਂ ਚਾਹੀਦਾ, ਕਿਉਂਕਿ ਇਹ ਆਮ ਕੈਸਕੇਡ ਕਿਵੇਂ ਬਦਲਦਾ ਹੈ
ਜੇ ਤੁਸੀਂ ਆਪਣੀਆਂ ਇੱਛਤ ਸਟਾਈਲ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਮਹੱਤਵਪੂਰਨ ਘੋਸ਼ਣਾ ਤੇ ਬਹੁਤ ਜ਼ਿਆਦਾ ਝੁਕਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਸਟਾਇਲ ਸ਼ੀਟ ਹੋਵੇਗੀ ਜੋ ਮਹੱਤਵਪੂਰਣ ਸਟਾਈਲਾਂ ਨਾਲ ਭਰੀ ਹੋਈ ਹੈ! ਤੁਸੀਂ ਮੂਲ ਰੂਪ ਵਿਚ ਇਸ ਸਫ਼ੇ ਦੇ CSS ਦੀ ਪ੍ਰਕਿਰਿਆ ਦੇ ਤਰੀਕੇ ਨੂੰ ਬਦਲ ਰਹੇ ਹੋ. ਇਹ ਇੱਕ ਆਲਸੀ ਅਭਿਆਸ ਹੈ ਜੋ ਲੰਬੇ ਸਮੇਂ ਦੇ ਪ੍ਰਬੰਧਨ ਨਜ਼ਰੀਏ ਤੋਂ ਚੰਗੀ ਨਹੀਂ ਹੈ.
ਵਰਤੋ! ਜਾਂਚ ਲਈ ਜਾਂ, ਕੁਝ ਮਾਮਲਿਆਂ ਵਿੱਚ, ਜਦੋਂ ਤੁਸੀਂ ਬਿਲਕੁਲ ਇੱਕ ਇਨਲਾਈਨ ਸਟਾਈਲ ਓਵਰਰਾਈਡ ਕਰ ਦਿੰਦੇ ਹੋ ਜੋ ਇੱਕ ਥੀਮ ਜਾਂ ਟੈਪਲੇਟ ਫਰੇਮਵਰਕ ਦਾ ਹਿੱਸਾ ਹੈ.
ਇਨਾਂ ਹਾਲਾਤਾਂ ਵਿੱਚ ਵੀ, ਇਸ ਪਹੁੰਚ ਨੂੰ ਵੱਧ ਤੋਂ ਵੱਧ ਸੰਭਵ ਤੌਰ 'ਤੇ ਵਰਤੋ ਅਤੇ ਇਸ ਦੀ ਬਜਾਏ ਸਾਫ ਸਟਾਈਲ ਸ਼ੀਟ ਲਿਖਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ ਜੋ ਕਿ ਕੈਸਕੇਡ ਨੂੰ ਸਮਝਦੇ ਹਨ.
ਯੂਜ਼ਰ ਸਟਾਈਲ ਸ਼ੀਟਸ
ਇਕ ਮਹੱਤਵਪੂਰਣ ਨਿਰਦੇਸ਼ ਜਿਸ 'ਤੇ ਸਮਝਣ ਲਈ ਜ਼ਰੂਰੀ ਹੈ, ਉੱਤੇ ਇਕ ਅੰਤਿਮ ਨੋਟ ਹੈ. ਵੈੱਬ ਪੇਜ ਦੇ ਉਪਯੋਗਕਰਤਾਵਾਂ ਨੂੰ ਸਟਾਈਲ ਸ਼ੀਟ ਨਾਲ ਸਿੱਝਣ ਵਿਚ ਮਦਦ ਕਰਨ ਲਈ ਇਹ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ ਵੀ ਦਿੱਤਾ ਗਿਆ ਸੀ ਜਿਸ ਨਾਲ ਪੇਜ ਨੂੰ ਮੁਸ਼ਕਿਲ ਬਣਾਉਣ ਜਾਂ ਪੜ੍ਹਨ ਵਿਚ ਮੁਸ਼ਕਲ ਆਉਂਦੀ ਸੀ.
ਆਮ ਤੌਰ ਤੇ, ਜੇ ਉਪਯੋਗਕਰਤਾ ਵੈਬ ਪੇਜ ਦੇਖਣ ਲਈ ਸ਼ੈਲੀ ਸ਼ੀਟ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ , ਤਾਂ ਸਟਾਈਲ ਸ਼ੀਟ ਵੈਬ ਪੇਜ ਦੇ ਲੇਖਕ ਦੀ ਸ਼ੈਲੀ ਸ਼ੀਟ ਦੁਆਰਾ ਰੱਦ ਹੋ ਜਾਂਦੀ ਹੈ. ਜੇ ਉਪਯੋਗਕਰਤਾ ਨੇ ਇੱਕ ਸ਼ੈਲੀ ਦੇ ਤੌਰ ਤੇ ਨਿਸ਼ਾਨ ਲਗਾਇਆ ਹੋਵੇ! ਮਹੱਤਵਪੂਰਨ, ਉਹ ਸ਼ੈਲੀ ਵੈਬ ਪੇਜ ਲੇਖਕ ਦੀ ਸ਼ੈਲੀ ਸ਼ੀਟ ਨੂੰ ਓਵਰਰੁਜ਼ ਕਰਦੀ ਹੈ, ਭਾਵੇਂ ਕਿ ਲੇਖਕ ਇੱਕ ਨਿਯਮ ਨੂੰ ਨਿਯਮਿਤ ਕਰਦਾ ਹੈ!
ਇਹ ਉਨ੍ਹਾਂ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਮਦਦਗਾਰ ਹੁੰਦਾ ਹੈ ਜਿਨ੍ਹਾਂ ਨੂੰ ਕਿਸੇ ਖਾਸ ਤਰੀਕੇ ਨਾਲ ਸਟਾਈਲ ਸੈਟ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ. ਉਦਾਹਰਣ ਦੇ ਲਈ, ਕਿਸੇ ਨੂੰ ਉਸ ਦੁਆਰਾ ਵਰਤੇ ਗਏ ਸਾਰੇ ਵੈਬ ਪੇਜਾਂ ਤੇ ਡਿਫੌਲਟ ਫੌਂਟ ਸਾਈਜ਼ ਵਧਾਉਣ ਦੀ ਲੋੜ ਹੋ ਸਕਦੀ ਹੈ. ਤੁਹਾਡੇ ਦੁਆਰਾ ਬਣਾਏ ਗਏ ਪੰਨਿਆਂ ਦੇ ਅੰਦਰ ਤੁਹਾਡੇ ਮਹੱਤਵਪੂਰਣ ਨਿਰਦੇਸ਼ ਨੂੰ ਵਰਤ ਕੇ, ਤੁਸੀਂ ਆਪਣੇ ਉਪਭੋਗਤਾਵਾਂ ਦੀਆਂ ਲੋੜਾਂ ਨੂੰ ਕਿਸੇ ਵੀ ਖਾਸ ਲੋੜ ਦੇ ਅਨੁਕੂਲ ਬਣਾ ਸਕਦੇ ਹੋ.
ਜੇਰੇਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ