ਇਕ ਬਾਹਰੀ ਸਟਾਈਲ ਸ਼ੀਟ ਕਿਵੇਂ ਤਿਆਰ ਕਰੀਏ

CSS ਸਾਇਟ ਵੇਡ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ

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

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

ਵਿਦੇਸ਼ੀ ਸਟਾਈਲ ਸ਼ੀਟਸ ਦੇ ਫਾਇਦੇ ਅਤੇ ਨੁਕਸਾਨ

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

ਬਾਹਰੀ ਸਟਾਈਲ ਸ਼ੀਟਸ ਦੇ ਫਾਇਦੇ

  • ਤੁਸੀਂ ਇਕੋ ਸਮੇਂ ਕਈ ਦਸਤਾਵੇਜ਼ਾਂ ਦੀ ਦਿੱਖ ਅਤੇ ਮਹਿਸੂਸ ਕਰ ਸਕਦੇ ਹੋ.
    • ਇਹ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਫਾਇਦੇਮੰਦ ਹੈ ਜੇ ਤੁਸੀਂ ਆਪਣੀ ਵੈਬ ਸਾਈਟ ਬਣਾਉਣ ਲਈ ਲੋਕਾਂ ਦੀ ਟੀਮ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹੋ. ਬਹੁਤ ਸਾਰੇ ਸਟਾਇਲ ਨਿਯਮਾਂ ਨੂੰ ਯਾਦ ਰੱਖਣਾ ਮੁਸ਼ਕਲ ਹੋ ਸਕਦਾ ਹੈ, ਅਤੇ ਜਦੋਂ ਤੁਹਾਡੇ ਕੋਲ ਛਪਾਈ ਵਾਲੀ ਸ਼ੈਲੀ ਗਾਈਡ ਹੋ ਸਕਦੀ ਹੈ, ਤਾਂ ਇਹ ਨਿਸ਼ਚਿਤ ਕਰਨ ਲਈ ਕਿ ਇਸਦੇ ਦੁਆਰਾ 12 ਪੁਆਇੰਟਾਂ ਏਰੀਅਲ ਫੌਂਟ ਜਾਂ 14 ਪੁਆਇੰਟ ਕੋਰੀਅਰ ਵਿੱਚ ਲਿਖੀ ਜਾਣੀ ਹੈ, ਇਸਦੇ ਦੁਆਰਾ ਲਗਾਤਾਰ ਫਲਿਪ ਕਰਨ ਲਈ ਅਕੁਸ਼ਲ ਅਤੇ ਘਿਣਾਉਣਾ ਹੈ. ਇਕ ਜਗ੍ਹਾ ਵਿਚ ਸਭ ਕੁਝ ਹੋਣ ਨਾਲ, ਅਤੇ ਉਸੇ ਥਾਂ ਤੋਂ ਵੀ ਤੁਸੀਂ ਤਬਦੀਲੀਆਂ ਕਰ ਸਕਦੇ ਹੋ, ਤੁਸੀਂ ਰੱਖ-ਰਖਾਅ ਨੂੰ ਇੰਨਾ ਸੌਖਾ ਬਣਾ ਸਕਦੇ ਹੋ.
  • ਤੁਸੀਂ ਸਟਾਈਲ ਦੀਆਂ ਕਲਾਸਾਂ ਬਣਾ ਸਕਦੇ ਹੋ ਜੋ ਕਿ ਬਹੁਤ ਸਾਰੇ ਵੱਖ-ਵੱਖ HTML ਤੱਤ ਤੇ ਵਰਤੀਆਂ ਜਾ ਸਕਦੀਆਂ ਹਨ .
    • ਜੇ ਤੁਸੀਂ ਅਕਸਰ ਤੁਹਾਡੇ ਪੇਜ 'ਤੇ ਵੱਖੋ ਵੱਖਰੀਆਂ ਚੀਜਾਂ ਤੇ ਜ਼ੋਰ ਦੇਣ ਲਈ ਇੱਕ ਵਿਸ਼ੇਸ਼ ਫੌਂਟ ਸ਼ੈਲੀ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਉਸ ਕਲਾਸ ਐਟਰੀਬਿਊਟ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਤੁਸੀਂ ਆਪਣੀ ਸ਼ੈਲੀ ਸ਼ੀਟ ਵਿੱਚ ਸੈਟ ਅਪ ਕਰ ਸਕਦੇ ਹੋ ਇਹ ਦੇਖਣ ਅਤੇ ਮਹਿਸੂਸ ਕਰਨ ਲਈ, ਹਰੇਕ ਵਿਸ਼ੇਸ਼ਤਾ ਲਈ ਇੱਕ ਖਾਸ ਸ਼ੈਲੀ ਪਰਿਭਾਸ਼ਤ ਕਰਨ ਦੀ ਬਜਾਏ ਜ਼ੋਰ
  • ਤੁਸੀਂ ਆਪਣੀ ਸ਼ੈਲੀ ਨੂੰ ਹੋਰ ਕੁਸ਼ਲ ਬਣਾਉਣ ਲਈ ਆਸਾਨੀ ਨਾਲ ਗਰੁੱਪ ਕਰ ਸਕਦੇ ਹੋ.
    • ਸਾਰੇ ਸਮੂਹ ਢੰਗ ਜੋ CSS ਲਈ ਉਪਲਬਧ ਹਨ, ਬਾਹਰੀ ਸ਼ੈਲੀ ਸ਼ੀਟਸ ਵਿੱਚ ਵਰਤੇ ਜਾ ਸਕਦੇ ਹਨ, ਅਤੇ ਇਹ ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ ਪੰਨਿਆਂ ਤੇ ਵਧੇਰੇ ਨਿਯੰਤਰਣ ਅਤੇ ਲਚਕਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ.

ਬਾਹਰੀ ਸਟਾਈਲ ਸ਼ੀਟਸ ਦੇ ਨੁਕਸਾਨ

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

ਇਕ ਬਾਹਰੀ ਸਟਾਈਲ ਸ਼ੀਟ ਕਿਵੇਂ ਤਿਆਰ ਕਰੀਏ

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

ਚੋਣਕਾਰ {ਸੰਪਤੀ: ਮੁੱਲ;}

ਐਕਸਟੈਨਸ਼ਨ .css ਦੇ ਨਾਲ ਇਹ ਨਿਯਮ ਇੱਕ ਪਾਠ ਫਾਇਲ ਵਿੱਚ ਸੰਭਾਲੋ. ਇਹ ਜ਼ਰੂਰੀ ਨਹੀਂ ਹੈ, ਪਰ ਇਸ ਵਿੱਚ ਆਉਣ ਦੀ ਚੰਗੀ ਆਦਤ ਹੈ, ਤਾਂ ਜੋ ਤੁਸੀਂ ਆਪਣੀ ਡਾਇਰੈਕਟਰੀ ਸੂਚੀ ਵਿੱਚ ਆਪਣੀ ਸ਼ੈਲੀ ਸ਼ੀਟਾਂ ਨੂੰ ਤੁਰੰਤ ਪਛਾਣ ਸਕੋ.

ਇੱਕ ਵਾਰ ਤੁਹਾਡੇ ਕੋਲ ਸਟਾਈਲ ਸ਼ੀਟ ਦਸਤਾਵੇਜ਼ ਹੋਣ ਤੇ, ਤੁਹਾਨੂੰ ਇਸ ਨੂੰ ਆਪਣੇ ਵੈਬ ਪੇਜਾਂ ਨਾਲ ਜੋੜਨ ਦੀ ਲੋੜ ਹੈ. ਇਹ ਦੋ ਢੰਗਾਂ ਨਾਲ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ:

  1. ਲਿੰਕਿੰਗ
    1. ਸਟਾਈਲ ਸ਼ੀਟ ਲਿੰਕ ਕਰਨ ਲਈ, ਤੁਸੀਂ HTML ਟੈਗ ਦਾ ਉਪਯੋਗ ਕਰਦੇ ਹੋ. ਇਸ ਵਿੱਚ ਗੁਣ, rel , ਕਿਸਮ , ਅਤੇ href ਸ਼ਾਮਲ ਹਨ . ਰਿਲੀਟ ਐਟਰੀਬਿਊਟ ਦੱਸਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਕੀ ਜੋੜ ਰਹੇ ਹੋ (ਇਸ ਮਾਮਲੇ ਵਿੱਚ ਇੱਕ ਸਟਾਈਲਸ਼ੀਟ), ਕਿਸਮ ਬਰਾਊਜ਼ਰ ਲਈ MIME- ਟਾਈਪ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦੀ ਹੈ, ਅਤੇ href. Css ਫਾਇਲ ਦਾ ਮਾਰਗ ਹੈ.
  2. ਆਯਾਤ ਕਰ ਰਿਹਾ ਹੈ
    1. ਤੁਸੀਂ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਸ਼ੈਲੀ ਸ਼ੀਟ ਦੇ ਅੰਦਰ ਇੱਕ ਆਯਾਤ ਕੀਤੀ ਸ਼ੈਲੀ ਸ਼ੀਟ ਦੀ ਵਰਤੋਂ ਕਰੋਗੇ ਤਾਂ ਕਿ ਤੁਸੀਂ ਕਿਸੇ ਬਾਹਰਲੇ ਸਟਾਇਲ ਸ਼ੀਟ ਦੇ ਗੁਣਾਂ ਨੂੰ ਆਯਾਤ ਕਰ ਸਕੋ, ਜਦੋਂ ਕਿ ਕੋਈ ਵੀ ਦਸਤਾਵੇਜ ਖਾਸ ਨਹੀਂ ਗੁਆਏਗਾ. ਤੁਸੀਂ ਇਸ ਨੂੰ ਲਿੰਕ ਕੀਤੇ ਸ਼ੈਲੀ ਸ਼ੀਟ ਨੂੰ ਬੁਲਾਉਣ ਲਈ ਇਕੋ ਤਰੀਕੇ ਨਾਲ ਕਹਿੰਦੇ ਹੋ, ਕੇਵਲ ਤਾਂ ਹੀ ਇਸ ਨੂੰ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਪੱਧਰ ਸ਼ੈਲੀ ਘੋਸ਼ਣਾ ਦੇ ਅੰਦਰ ਕਿਹਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ. ਤੁਸੀਂ ਆਪਣੀ ਬਾਹਰੀ ਸਟਾਈਲ ਸ਼ੀਟ ਇੰਪੋਰਟ ਕਰ ਸਕਦੇ ਹੋ ਜਿਵੇਂ ਕਿ ਤੁਹਾਨੂੰ ਆਪਣੀ ਵੈਬ ਸਾਈਟ ਨੂੰ ਕਾਇਮ ਰੱਖਣ ਦੀ ਲੋੜ ਹੈ.

ਜੈਨੀਫਰ ਕ੍ਰਿਨਿਨ ਦੁਆਰਾ ਮੂਲ ਲੇਖ. 8/8/17 ਤੇ ਜੇਰੇਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ