ਕਿਸੇ ਵੈਬਸਾਈਟ ਦੇ ਦਿੱਖ ਅਤੇ ਮਹਿਸੂਸ ਜਾਂ "ਸ਼ੈਲੀ" CSS (ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ) ਦੁਆਰਾ ਪ੍ਰਭਾਵਿਤ ਹੁੰਦੀ ਹੈ. ਇਹ ਇੱਕ ਅਜਿਹੀ ਫਾਈਲ ਹੈ ਜੋ ਤੁਸੀਂ ਆਪਣੀ ਵੈਬਸਾਈਟ ਦੀ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਜੋੜ ਸਕੋਗੇ ਜਿਸ ਵਿੱਚ ਵੱਖ-ਵੱਖ CSS ਨਿਯਮ ਸ਼ਾਮਲ ਹੋਣਗੇ ਜੋ ਤੁਹਾਡੇ ਪੰਨਿਆਂ ਦੇ ਵਿਜ਼ੁਅਲ ਡਿਜਾਈਨ ਅਤੇ ਖਾਕਾ ਬਣਾਉਂਦੇ ਹਨ.
ਜਦੋਂ ਸਾਈਟਾਂ ਵਰਤ ਸਕਦੀਆਂ ਹਨ, ਅਤੇ ਆਮ ਤੌਰ 'ਤੇ, ਕਈ ਸਟਾਈਲ ਸ਼ੀਟਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੀਆਂ ਹਨ, ਅਜਿਹਾ ਕਰਨਾ ਜ਼ਰੂਰੀ ਨਹੀਂ ਹੁੰਦਾ ਤੁਸੀਂ ਆਪਣੇ ਸਾਰੇ CSS ਨਿਯਮਾਂ ਨੂੰ ਇੱਕ ਫਾਇਲ ਵਿੱਚ ਰੱਖ ਸਕਦੇ ਹੋ, ਅਤੇ ਇਸ ਵਿੱਚ ਅਸਲ ਲਾਭ ਹਨ, ਜਿਸ ਵਿੱਚ ਤੇਜ਼ ਲੋਡ ਸਮੇਂ ਅਤੇ ਸਫ਼ਿਆਂ ਦੀ ਕਾਰਗੁਜ਼ਾਰੀ ਸ਼ਾਮਲ ਹੈ , ਕਿਉਂਕਿ ਉਨ੍ਹਾਂ ਨੂੰ ਕਈ ਫਾਇਲਾਂ ਪ੍ਰਾਪਤ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ. ਜਦੋਂ ਬਹੁਤ ਵੱਡੀ ਹੈ, ਕਿਸੇ ਵੇਲੇ ਇੰਟਰਪਰਾਈਜ਼ ਸਾਈਟਾਂ ਨੂੰ ਅਲੱਗ ਸਟਾਈਲ ਸ਼ੀਟ ਦੀ ਲੋੜ ਹੋ ਸਕਦੀ ਹੈ, ਬਹੁਤ ਘੱਟ ਤੋਂ ਲੈ ਕੇ ਮੱਧਮ ਸਾਈਟ ਪੂਰੀ ਤਰ੍ਹਾਂ ਜੁਰਮਾਨਾ ਕਰ ਸਕਦੀ ਹੈ ਕੇਵਲ ਇਕ ਫਾਈਲ ਨਾਲ. ਇਹ ਮੈਂ ਆਪਣੇ ਜ਼ਿਆਦਾਤਰ ਵੈਬ ਡਿਜ਼ਾਈਨ ਕੰਮ ਲਈ ਵਰਤਾਂਗਾ - ਮੇਰੇ ਪੰਨਿਆਂ ਨੂੰ ਲੋੜੀਂਦੇ ਸਾਰੇ ਨਿਯਮਾਂ ਨਾਲ ਇੱਕ ਸਿੰਗਲ CSS ਫਾਈਲਾਂ ਦੀ ਲੋੜ ਹੈ ਇਸ ਲਈ ਸਵਾਲ ਹੁਣ ਬਣ ਗਿਆ - ਤੁਹਾਨੂੰ ਇਸ CSS ਫਾਈਲ ਦਾ ਕੀ ਨਾਮ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ?
ਕੰਨਵੈਨਸ਼ਨ ਦੇ ਮੂਲ ਨਾਮ
ਜਦੋਂ ਤੁਸੀਂ ਆਪਣੇ ਵੈਬ ਪੇਜਾਂ ਲਈ ਇੱਕ ਬਾਹਰੀ ਸ਼ੈਲੀ ਸ਼ੀਟ ਬਣਾਉਂਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਆਪਣੀ HTML ਫਾਈਲਾਂ ਲਈ ਇਸੇ ਨਾਮਕਰਨ ਕੰਨਵੈਂਸ਼ਨ ਦੇ ਹੇਠ ਦਿੱਤੀ ਫਾਇਲ ਨੂੰ ਨਾਮ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ:
ਵਿਸ਼ੇਸ਼ ਅੱਖਰਾਂ ਦੀ ਵਰਤੋਂ ਨਾ ਕਰੋ
ਤੁਹਾਨੂੰ ਸਿਰਫ ਆਪਣੇ CSS ਫਾਈਲ ਨਾਂਸ ਵਿੱਚ ਅਜ਼ਾਂ, ਨੰਬਰ 0-9, ਅੰਡਰਸਕੋਰ (_), ਅਤੇ ਹਾਈਫਨ (-) ਅੱਖਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ. ਜਦੋਂ ਕਿ ਤੁਹਾਡਾ ਫਾਇਲ ਸਿਸਟਮ ਤੁਹਾਨੂੰ ਉਹਨਾਂ ਵਿੱਚ ਹੋਰ ਅੱਖਰਾਂ ਨਾਲ ਫਾਇਲਾਂ ਬਣਾਉਣ ਦੀ ਇਜਾਜ਼ਤ ਦੇ ਸਕਦਾ ਹੈ, ਤੁਹਾਡੇ ਸਰਵਰ ਨੂੰ ਖਾਸ ਅੱਖਰ ਦੇ ਨਾਲ ਸਮੱਸਿਆ ਹੋ ਸਕਦੀ ਹੈ ਤੁਸੀਂ ਇੱਥੇ ਸਿਰਫ ਜ਼ਿਕਰ ਕੀਤੇ ਅੱਖਰ ਵਰਤ ਕੇ ਸੁਰੱਖਿਅਤ ਹੋ. ਆਖਿਰਕਾਰ, ਭਾਵੇਂ ਤੁਹਾਡਾ ਸਰਵਰ ਵਿਸ਼ੇਸ਼ ਅੱਖਰਾਂ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੋਵੇ, ਇਹ ਉਹ ਮਾਮਲਾ ਨਹੀਂ ਹੋ ਸਕਦਾ ਹੈ ਜੇ ਤੁਸੀਂ ਭਵਿੱਖ ਵਿੱਚ ਹੋਸਟਿੰਗ ਪ੍ਰਦਾਤਾਵਾਂ ਨੂੰ ਅੱਗੇ ਲਿਜਾਣ ਦਾ ਫੈਸਲਾ ਕਰਦੇ ਹੋ.
ਕਿਸੇ ਵੀ ਸਪੇਸ ਦੀ ਵਰਤੋਂ ਨਾ ਕਰੋ
ਖਾਸ ਅੱਖਰਾਂ ਦੀ ਤਰਾਂ, ਸਪੇਸ ਤੁਹਾਡੇ ਵੈਬ ਸਰਵਰ ਤੇ ਸਮੱਸਿਆਵਾਂ ਪੈਦਾ ਕਰ ਸਕਦੇ ਹਨ. ਤੁਹਾਡੇ ਫਾਈਲ ਨਾਂਸ ਵਿੱਚ ਉਹਨਾਂ ਤੋਂ ਬਚਣਾ ਇੱਕ ਚੰਗਾ ਵਿਚਾਰ ਹੈ. ਮੈਂ ਇਹਨਾਂ ਨੂੰ ਇਕੋ ਕੰਨਵੈਂਸ਼ਨਜ਼ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਪੀਡੀਐਫ ਵਰਗੇ ਫਾਈਲਾਂ ਨਾਮ ਕਰਨ ਦਾ ਵੀ ਇਕ ਬਿੰਦੂ ਬਣਾਉਂਦਾ ਹਾਂ, ਕੇਵਲ ਤਾਂ ਹੀ ਜਦੋਂ ਮੈਨੂੰ ਉਨ੍ਹਾਂ ਨੂੰ ਕਿਸੇ ਵੈਬਸਾਈਟ ਤੇ ਜੋੜਨ ਦੀ ਜ਼ਰੂਰਤ ਹੁੰਦੀ ਹੈ ਜੇ ਤੁਸੀਂ ਮਹਿਸੂਸ ਕਰਦੇ ਹੋ ਕਿ ਤੁਹਾਨੂੰ ਫਾਇਲ ਦਾ ਨਾਮ ਪੜ੍ਹਨ ਲਈ ਅਸਾਨ ਬਣਾਉਣ ਲਈ ਥਾਂ ਚਾਹੀਦੀ ਹੈ, ਹਾਈਫਨ ਲਈ ਚੋਣ ਕਰੋ ਜਾਂ ਇਸ ਦੀ ਬਜਾਏ ਅੰਡਰਸਕੋਰ ਦੀ ਚੋਣ ਕਰੋ. ਉਦਾਹਰਨਾਂ ਲਈ, "ਇਹ ਫਾਇਲ.pdf ਹੈ" ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਬਜਾਏ, ਮੈਂ "ਇਹ-ਦਾ-ਫਾਈਲ-.pdf" ਵਰਤਦਾ ਹਾਂ.
ਫਾਈਲ ਦਾ ਨਾਮ ਇੱਕ ਪੱਤਰ ਨਾਲ ਸ਼ੁਰੂ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ
ਹਾਲਾਂਕਿ ਇਹ ਕਿਸੇ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ, ਕੁਝ ਸਿਸਟਮਾਂ ਨੂੰ ਉਹਨਾਂ ਫਾਈਲਾਂ ਦੇ ਨਾਂ ਨਾਲ ਸਮੱਸਿਆ ਹੈ, ਜੋ ਇੱਕ ਅੱਖਰ ਨਾਲ ਸ਼ੁਰੂ ਨਹੀਂ ਹੁੰਦੇ. ਉਦਾਹਰਨ ਲਈ, ਜੇ ਤੁਸੀਂ ਆਪਣੀ ਅੱਖਰ ਨਾਲ ਫਾਇਲ ਸ਼ੁਰੂ ਕਰਨ ਦੀ ਚੋਣ ਕਰਦੇ ਹੋ, ਇਸ ਨਾਲ ਮੁੱਦਿਆਂ ਦਾ ਕਾਰਨ ਬਣ ਸਕਦਾ ਹੈ.
ਸਾਰੇ ਲੋਅਰ ਕੇਸ ਦੀ ਵਰਤੋਂ ਕਰੋ
ਹਾਲਾਂਕਿ ਇਹ ਇੱਕ ਫਾਈਲ ਦੇ ਨਾਮ ਲਈ ਜ਼ਰੂਰੀ ਨਹੀਂ ਹੈ, ਇਹ ਇੱਕ ਚੰਗਾ ਵਿਚਾਰ ਹੈ, ਕਿਉਂਕਿ ਕੁਝ ਵੈਬ ਸਰਵਰ ਕੇਸ ਸੰਵੇਦਨਸ਼ੀਲ ਹੁੰਦੇ ਹਨ ਅਤੇ ਜੇ ਤੁਸੀਂ ਭੁੱਲ ਜਾਂਦੇ ਹੋ ਅਤੇ ਕਿਸੇ ਹੋਰ ਕੇਸ ਵਿੱਚ ਫਾਈਲ ਦਾ ਹਵਾਲਾ ਦਿੰਦੇ ਹੋ, ਇਹ ਲੋਡ ਨਹੀਂ ਕਰੇਗਾ. ਮੇਰੇ ਆਪਣੇ ਕੰਮ ਵਿੱਚ, ਮੈਂ ਹਰੇਕ ਫਾਈਲ ਨਾਂ ਲਈ ਛੋਟੇ ਅੱਖਰ ਅੱਖਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹਾਂ. ਮੈਂ ਇਸ ਨੂੰ ਅਸਲ ਵਿਚ ਇਸ ਤਰ੍ਹਾਂ ਲੱਭ ਲਿਆ ਹੈ ਕਿ ਬਹੁਤ ਸਾਰੇ ਨਵੇਂ ਵੈਬ ਡਿਜ਼ਾਇਨਰ ਨੂੰ ਯਾਦ ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ. ਨਾਮ ਦੀ ਪਹਿਲੇ ਅੱਖਰ ਨੂੰ ਕਵਰ ਕਰਨ ਲਈ ਇੱਕ ਫਾਈਲ ਨਾਮ ਦੇਣ ਵੇਲੇ ਉਹਨਾਂ ਦੀ ਡਿਫਾਲਟ ਕਾਰਵਾਈ. ਇਸ ਤੋਂ ਬਚੋ ਅਤੇ ਸਿਰਫ ਛੋਟੇ ਅੱਖਰਾਂ ਦੀ ਆਦਤ ਪਾਓ.
ਸੰਭਵ ਤੌਰ 'ਤੇ ਫਾਇਲ ਦਾ ਨਾਮ ਛੋਟਾ ਕਰੋ
ਹਾਲਾਂਕਿ ਜ਼ਿਆਦਾਤਰ ਓਪਰੇਟਿੰਗ ਸਿਸਟਮਾਂ ਤੇ ਫਾਈਲ ਨਾਂ ਦਾ ਆਕਾਰ ਦੀ ਸੀਮਾ ਹੈ, ਪਰ ਇਹ CSS ਫਾਈਲ ਨਾਮ ਲਈ ਜਾਇਜ਼ ਹੈ. ਥੰਮ ਦਾ ਇਕ ਚੰਗਾ ਨਿਯਮ ਐਕਸਟੈਨਸ਼ਨ ਸਮੇਤ ਫਾਇਲ ਨਾਂ ਲਈ 20 ਅੱਖਰਾਂ ਤੋਂ ਵੱਧ ਨਹੀਂ ਹੈ. ਅਸਲ ਵਿਚ, ਜੋ ਕੰਮ ਉਸ ਤੋਂ ਕਿਤੇ ਜ਼ਿਆਦਾ ਹੈ ਉਸ ਨਾਲ ਕੰਮ ਕਰਨਾ ਅਤੇ ਕਿਸੇ ਹੋਰ ਨਾਲ ਜੋੜਨ ਲਈ ਬੋਝ ਹੈ!
ਤੁਹਾਡੇ CSS ਫਾਈਲ ਨਾਮ ਦਾ ਸਭ ਤੋਂ ਮਹੱਤਵਪੂਰਣ ਹਿੱਸਾ
CSS ਫਾਇਲ ਨਾਂ ਦਾ ਸਭ ਤੋਂ ਮਹੱਤਵਪੂਰਣ ਹਿੱਸਾ ਫਾਇਲ ਨਾਂ ਹੀ ਨਹੀਂ ਹੈ, ਪਰ ਐਕਸਟੈਂਸ਼ਨ ਹੈ. Macintosh ਅਤੇ Linux ਸਿਸਟਮਾਂ ਤੇ ਐਕਸਟੈਂਸ਼ਨਾਂ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ, ਪਰ ਇੱਕ CSS ਫਾਈਲ ਲਿਖਣ ਵੇਲੇ ਇੱਕ ਨੂੰ ਵੀ ਸ਼ਾਮਲ ਕਰਨਾ ਇੱਕ ਵਧੀਆ ਵਿਚਾਰ ਹੈ. ਇਸ ਤਰ੍ਹਾਂ ਤੁਸੀਂ ਹਮੇਸ਼ਾ ਇਹ ਜਾਣ ਸਕੋਗੇ ਕਿ ਇਹ ਇੱਕ ਸ਼ੈਲੀ ਸ਼ੀਟ ਹੈ ਅਤੇ ਭਵਿੱਖ ਵਿੱਚ ਇਹ ਪਤਾ ਕਰਨ ਲਈ ਕਿ ਇਹ ਫਾਇਲ ਨੂੰ ਖੋਲ੍ਹਣਾ ਨਹੀਂ ਚਾਹੀਦਾ.
ਇਹ ਸੰਭਵ ਤੌਰ 'ਤੇ ਕੋਈ ਹੈਰਾਨੀ ਵਾਲੀ ਗੱਲ ਨਹੀਂ ਹੈ, ਪਰ ਤੁਹਾਡੀ CSS ਫਾਈਲ' ਤੇ ਐਕਸਟੈਨਸ਼ਨ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ:
.cssCSS ਫਾਇਲ ਨਾਂ ਨਾਮਕ ਸੰਮੇਲਨਾਂ
ਜੇ ਸਾਈਟ 'ਤੇ ਤੁਹਾਡੇ ਕੋਲ ਸਿਰਫ ਇੱਕ CSS ਫਾਈਲ ਹੋਵੇਗੀ, ਤਾਂ ਤੁਸੀਂ ਜੋ ਵੀ ਚਾਹੁੰਦੇ ਹੋ ਉਸਨੂੰ ਇਸਦਾ ਨਾਂ ਦੇ ਸਕਦੇ ਹੋ. ਮੈਨੂੰ ਜਾਂ ਤਾਂ ਪਸੰਦ ਹੈ:
styles.css ਜਾਂ default.cssਕਿਉਂਕਿ ਜਿਨ੍ਹਾਂ ਸਾਈਟਾਂ 'ਤੇ ਮੈਂ ਕੰਮ ਕਰਦਾ ਹਾਂ ਉਨ੍ਹਾਂ ਵਿੱਚ ਇੱਕ ਸਿੰਗਲ CSS ਫਾਈਲਾਂ ਸ਼ਾਮਲ ਹੁੰਦੀਆਂ ਹਨ, ਇਹ ਨਾਮ ਮੇਰੇ ਲਈ ਵਧੀਆ ਕੰਮ ਕਰਦੇ ਹਨ
ਜੇਕਰ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਕਈ CSS ਫਾਈਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰੇਗੀ, ਤਾਂ ਉਹਨਾਂ ਦੇ ਫੰਕਸ਼ਨ ਦੇ ਬਾਅਦ ਸਟਾਈਲ ਸ਼ੀਟ ਦਾ ਨਾਮ ਲਓ ਤਾਂ ਜੋ ਇਹ ਸਪਸ਼ਟ ਹੋਵੇ ਕਿ ਹਰੇਕ ਫਾਈਲ ਦਾ ਮਕਸਦ ਕੀ ਹੈ ਕਿਉਂਕਿ ਇੱਕ ਵੈਬ ਪੇਜ ਤੇ ਕਈ ਸਟਾਈਲ ਸ਼ੀਟ ਸ਼ਾਮਲ ਹੋ ਸਕਦੇ ਹਨ, ਇਹ ਤੁਹਾਡੀ ਸਟਾਈਲ ਨੂੰ ਉਸ ਸ਼ੀਟ ਦੇ ਫੰਕਸ਼ਨ ਅਤੇ ਇਸ ਵਿੱਚ ਸਟਾਈਲ ਦੇ ਅਧਾਰ ਤੇ ਵੱਖ ਵੱਖ ਸ਼ੀਟਾਂ ਵਿੱਚ ਵੰਡਣ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ. ਉਦਾਹਰਣ ਲਈ:
- ਲੇਆਉਟ ਬਨਾਮ ਡਿਜ਼ਾਈਨ layout.css design.css
- ਪੇਜ਼ ਸੈਕਸ਼ਨ main.css nav.css
- ਸਬ-ਸੈਕਸ਼ਨ ਮੁੱਖ ਸਟਾਇਲਜ਼ CSS ਉਪ ਪੇਜ਼ ਨਾਲ ਪੂਰੀ ਸਾਈਟ
ਜੇ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ ਕਿਸੇ ਕਿਸਮ ਦੀ ਇੱਕ ਫਰੇਮਵਰਕ ਵਰਤਦੀ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਸ਼ਾਇਦ ਨੋਟ ਕਰੋਗੇ ਕਿ ਇਹ ਕਈ CSS ਫਾਈਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ, ਹਰ ਇੱਕ ਵੱਖਰੇ ਭਾਗਾਂ ਜਾਂ ਸਾਈਟ ਦੇ ਪਹਿਲੂਆਂ (ਟਾਈਪੋਗ੍ਰਾਫੀ, ਰੰਗ, ਲੇਆਉਟ, ਆਦਿ) ਲਈ ਸਮਰਪਿਤ ਹੈ.
ਜੈਨੀਫਰ ਕ੍ਰਿਨਿਨ ਦੁਆਰਾ ਮੂਲ ਲੇਖ. 9/5/17 ਤੇ ਜਰਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ