ਇੱਕ ਵੈਬਸਾਈਟ ਦੇ ਵਿਜ਼ੁਅਲ ਸਟਾਈਲ ਅਤੇ ਲੇਆਉਟ ਨੂੰ CSS ਜਾਂ ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ ਦੁਆਰਾ ਪ੍ਰੇਰਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ. ਇਹ ਉਹ ਦਸਤਾਵੇਜ ਹਨ ਜੋ ਇੱਕ ਵੈਬਪੇਜ ਦੇ HTML ਮਾਰਕਅਪ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ, ਜੋ ਕਿ ਮਾਰਕਅਪ ਦੇ ਨਤੀਜੇ ਵਜੋਂ ਪੰਨੇ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਦੇ ਨਿਰਦੇਸ਼ਾਂ ਦੇ ਨਾਲ ਵੈੱਬ ਬ੍ਰਾਉਜ਼ਰ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ. CSS ਇੱਕ ਪੇਜ ਦੇ ਲੇਆਉਟ, ਨਾਲ ਹੀ ਰੰਗ, ਬੈਕਗਰਾਊਂਡ ਚਿੱਤਰ, ਟਾਈਪੋਗ੍ਰਾਫੀ ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ.
ਜੇ ਤੁਸੀਂ ਇੱਕ CSS ਫਾਈਲ ਦੇਖਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਦੇਖੋਗੇ ਕਿ ਕਿਸੇ ਵੀ ਮਾਰਕਅਪ ਜਾਂ ਕੋਡਿੰਗ ਭਾਸ਼ਾ ਦੀ ਤਰ੍ਹਾਂ, ਇਹਨਾਂ ਫਾਈਲਾਂ ਵਿੱਚ ਉਹਨਾਂ ਲਈ ਇੱਕ ਖਾਸ ਸੰਟੈਕਸ ਹੁੰਦਾ ਹੈ. ਹਰੇਕ ਸਟਾਈਲ ਸ਼ੀਟ ਕਈ CSS ਨਿਯਮਾਂ ਤੋਂ ਬਣਿਆ ਹੁੰਦਾ ਹੈ. ਇਹ ਨਿਯਮ, ਜਦੋਂ ਪੂਰੀ ਤਰ੍ਹਾਂ ਨਾਲ ਲਿਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਇਹ ਸਾਈਟ ਕਿਹੋ ਜਿਹੀਆਂ ਸਟਾਈਲਾਂ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ.
ਇੱਕ CSS ਨਿਯਮ ਦੇ ਭਾਗ
ਇੱਕ CSS ਨਿਯਮ ਦੋ ਵੱਖਰੇ ਹਿੱਸਿਆਂ ਤੋਂ ਬਣਿਆ ਹੁੰਦਾ ਹੈ - ਚੋਣਕਾਰ ਅਤੇ ਘੋਸ਼ਣਾ. ਚੋਣਕਾਰ ਇਹ ਤੈਅ ਕਰਦਾ ਹੈ ਕਿ ਕਿਸੇ ਪੰਨੇ ਤੇ ਕੀ ਟਾਈਪ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ ਅਤੇ ਘੋਸ਼ਣਾ ਹੈ ਕਿ ਇਸਨੂੰ ਸਟਾਇਲ ਕਿਵੇਂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ. ਉਦਾਹਰਣ ਲਈ:
ਪੀ {
ਰੰਗ: # 000;
}
ਇਹ ਇੱਕ CSS ਨਿਯਮ ਹੈ. ਚੋਣਕਾਰ ਭਾਗ "ਪੀ" ਹੈ, ਜੋ ਕਿ "ਪੈਰਾਗ੍ਰਾਫ" ਲਈ ਇਕ ਤੱਤ ਚੋਣਕਾਰ ਹੈ. ਇਸ ਲਈ, ਇਸ ਲਈ, ਕਿਸੇ ਸਾਈਟ ਵਿਚ ਸਾਰੇ ਪੈਰਿਆਂ ਦੀ ਚੋਣ ਕਰੋ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਇਸ ਸ਼ੈਲੀ ਨਾਲ ਪ੍ਰਦਾਨ ਕਰੋ (ਜਦੋਂ ਤੱਕ ਪੈਰਾਗ੍ਰਾਫ ਨਹੀਂ ਹੁੰਦੇ, ਜੋ ਕਿ ਤੁਹਾਡੇ CSS ਦਸਤਾਵੇਜ਼ ਵਿਚ ਹੋਰ ਕਿਤੇ ਖਾਸ ਸਟਾਈਲ ਦੁਆਰਾ ਨਿਸ਼ਾਨਾ ਹਨ).
ਨਿਯਮ ਦਾ ਉਹ ਹਿੱਸਾ ਜੋ ਕਹਿੰਦਾ ਹੈ "ਰੰਗ: # 000;" ਜੋ ਕਿ ਘੋਸ਼ਣਾ ਦੇ ਰੂਪ ਵਿੱਚ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ. ਇਹ ਘੋਸ਼ਣਾ ਦੋ ਟੁਕੜਿਆਂ ਦੀ ਬਣੀ ਹੋਈ ਹੈ- ਸੰਪਤੀ ਅਤੇ ਮੁੱਲ.
ਜਾਇਦਾਦ ਇਸ ਘੋਸ਼ਣਾ ਦਾ "ਰੰਗ" ਟੁਕੜਾ ਹੈ. ਇਹ ਨਿਰਧਾਰਤ ਕਰਦਾ ਹੈ ਕਿ ਚੋਣਕਰਤਾ ਦਾ ਕਿਹੜਾ ਪਹਿਲੂ ਅਦਿੱਖ ਰੂਪ ਵਿੱਚ ਬਦਲਿਆ ਜਾਵੇਗਾ.
ਮੁੱਲ ਉਹ ਹੈ ਜੋ ਚੁਣਿਆ CSS ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਬਦਲਿਆ ਜਾਏਗਾ ਸਾਡੇ ਉਦਾਹਰਣ ਵਿੱਚ, ਅਸੀਂ # 000 ਦੇ ਹੈਕਸਾ ਮੁੱਲ ਨੂੰ ਵਰਤ ਰਹੇ ਹਾਂ, ਜੋ ਕਿ "ਕਾਲਾ" ਲਈ CSS ਸ਼ਾਲਮਲ ਹੈ.
ਇਸ ਲਈ ਇਸ CSS ਨਿਯਮ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ, ਸਾਡੇ ਪੰਨਿਆਂ ਵਿੱਚ ਫੌਂਟ-ਰੰਗ ਦੇ ਕਾਲੇ ਰੰਗ ਵਿੱਚ ਪੈਰਾਗ੍ਰਾਫ ਦੇਖੋਗੇ.
CSS ਜਾਇਦਾਦ ਮੂਲ
ਜਦੋਂ ਤੁਸੀਂ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਲਿਖਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਬਸ ਇਹਨਾਂ ਨੂੰ ਫਿੱਟ ਦਿਖਾਉਂਦੇ ਹੋਏ ਨਹੀਂ ਬਣਾ ਸਕਦੇ. ਉਦਾਹਰਣਾਂ ਲਈ, "ਰੰਗ" ਅਸਲ CSS ਸੰਪੱਤੀ ਹੈ, ਤਾਂ ਜੋ ਤੁਸੀਂ ਇਸਨੂੰ ਵਰਤ ਸਕੋ. ਇਹ ਜਾਇਦਾਦ ਇੱਕ ਤੱਤ ਦੇ ਪਾਠ ਦਾ ਰੰਗ ਨਿਰਧਾਰਤ ਕਰਦੀ ਹੈ. ਜੇ ਤੁਸੀਂ "ਟੈਕਸਟ-ਰੰਗ" ਜਾਂ "ਫੌਂਟ-ਰੰਗ" ਨੂੰ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਤੌਰ ਤੇ ਵਰਤਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ, ਤਾਂ ਇਹ ਅਸਫਲ ਹੋ ਜਾਣਗੇ ਕਿਉਂਕਿ ਇਹ CSS ਭਾਸ਼ਾ ਦੇ ਅਸਲ ਹਿੱਸੇ ਨਹੀਂ ਹਨ.
ਇਕ ਹੋਰ ਉਦਾਹਰਨ ਹੈ "ਬੈਕਗਰਾਊਂਡ-ਚਿੱਤਰ". ਇਹ ਜਾਇਦਾਦ ਇੱਕ ਚਿੱਤਰ ਸੈਟ ਕਰਦਾ ਹੈ ਜੋ ਬੈਕਗਰਾਉਂਡ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ:
.ਲੋਗੋ {
ਬੈਕਗਰਾਊਂਡ-ਚਿੱਤਰ: url (/images/company-logo.png);
}
ਜੇ ਤੁਸੀਂ "ਬੈਕਗ੍ਰਾਉਂਡ-ਤਸਵੀਰ" ਜਾਂ "ਬੈਕਗ੍ਰਾਉਂਡ-ਗ੍ਰਾਫਿਕ" ਨੂੰ ਇੱਕ ਜਾਇਦਾਦ ਵਜੋਂ ਵਰਤਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ, ਤਾਂ ਉਹ ਅਸਫਲ ਹੋ ਜਾਣਗੇ ਕਿਉਂਕਿ, ਇਕ ਵਾਰ ਫਿਰ, ਇਹ ਅਸਲ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨਹੀਂ ਹਨ.
ਕੁਝ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ
ਬਹੁਤ ਸਾਰੀਆਂ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹਨ ਜਿਹੜੀਆਂ ਤੁਸੀਂ ਕਿਸੇ ਸਾਈਟ ਨੂੰ ਸਟਾਈਲ ਕਰਨ ਲਈ ਵਰਤ ਸਕਦੇ ਹੋ. ਕੁਝ ਉਦਾਹਰਣਾਂ ਹਨ:
- ਬਾਰਡਰ (ਬਾਰਡਰ-ਸਟਾਈਲ, ਸਰਹੱਦ-ਰੰਗ ਅਤੇ ਬਾਰਡਰ-ਚੌੜਾਈ ਸਮੇਤ)
- ਪੈਡਿੰਗ (ਪੈਡਿੰਗ-ਟਾਪ, ਪੈਡਿੰਗ-ਸੱਜੇ, ਪੈਡਿੰਗ-ਥੱਲੇ ਅਤੇ ਪੈਡਿੰਗ-ਖੱਬੇ)
- ਮਾਰਜਿਨਸ (ਮਾਰਜਿਨ-ਚੋਟੀ, ਹਾਸ਼ੀਆ-ਸੱਜੇ, ਹਾਸ਼ੀਆ-ਤਲ, ਅਤੇ ਹਾਸ਼ੀਆ-ਖੱਬੇ)
- ਫੌਂਟ-ਫੈਮਿਲੀ
- ਫੌਂਟ-ਆਕਾਰ
- ਬੈਕਗਰਾਊਂਡ-ਰੰਗ
- ਚੌੜਾਈ
- ਕੱਦ
ਇਹ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਉਦਾਹਰਨ ਦੇ ਤੌਰ ਤੇ ਵਰਤਣ ਲਈ ਬਹੁਤ ਵਧੀਆ ਹਨ, ਕਿਉਂਕਿ ਇਹ ਸਾਰੇ ਬਹੁਤ ਹੀ ਸਿੱਧੇ ਹਨ ਅਤੇ, ਭਾਵੇਂ ਤੁਸੀਂ CSS ਨਹੀਂ ਜਾਣਦੇ ਹੋ, ਤੁਸੀਂ ਸੰਭਾਵਤ ਅੰਦਾਜ਼ਾ ਲਗਾ ਸਕਦੇ ਹੋ ਕਿ ਉਹ ਆਪਣੇ ਨਾਮਾਂ ਦੇ ਅਧਾਰ ਤੇ ਕੀ ਕਰਦੇ ਹਨ.
ਹੋਰ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਹਨ ਜਿਹੜੀਆਂ ਤੁਸੀਂ ਵੀ ਮਿਲ ਸਕੋਗੇ ਜੋ ਉਨ੍ਹਾਂ ਦੇ ਨਾਂ ਦੇ ਅਧਾਰ ਤੇ ਕੰਮ ਕਿਵੇਂ ਸਪਸ਼ਟ ਨਹੀਂ ਹੋ ਸਕਦੀਆਂ ਹਨ:
- ਫਲੋਟ
- ਸਾਫ਼ ਕਰੋ
- ਓਵਰਫਲੋ
- ਟੈਕਸਟ-ਟਰਾਂਸਫਾਰਮ
- Z- ਇੰਡੈਕਸ
ਜਦੋਂ ਤੁਸੀਂ ਵੈਬ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਡੂੰਘੀ ਹੋ ਜਾਂਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਇਹਨਾਂ ਸਾਰੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ (ਅਤੇ ਵਰਤੋਂ) ਆਉਂਦੇ ਹੋ!
ਵਿਸ਼ੇਸ਼ਤਾ ਗੁਣਾਂ ਦੀ ਲੋੜ ਹੈ
ਹਰ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ ਕੋਈ ਜਾਇਦਾਦ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਇਸ ਨੂੰ ਮੁੱਲ ਦੇਣਾ ਚਾਹੀਦਾ ਹੈ - ਅਤੇ ਕੁਝ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸਿਰਫ ਕੁਝ ਮੁੱਲ ਹੀ ਸਵੀਕਾਰ ਕਰ ਸਕਦੀਆਂ ਹਨ.
"ਰੰਗ" ਜਾਇਦਾਦ ਦੀ ਸਾਡੀ ਪਹਿਲੀ ਉਦਾਹਰਣ ਵਿੱਚ, ਸਾਨੂੰ ਇੱਕ ਰੰਗ ਦਾ ਮੁੱਲ ਵਰਤਣ ਦੀ ਲੋੜ ਹੈ ਇਹ ਇੱਕ ਹੈਕਸ ਮੁੱਲ , RGBA ਮੁੱਲ, ਜਾਂ ਰੰਗਾਂ ਦੇ ਕੀਵਰਡਸ ਵੀ ਹੋ ਸਕਦਾ ਹੈ. ਹਾਲਾਂਕਿ, ਜੇ ਤੁਸੀਂ ਇਸ ਜਾਇਦਾਦ ਦੇ ਨਾਲ "ਉਦਾਸ" ਸ਼ਬਦ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਹੈ, ਤਾਂ ਇਹ ਸਾਰੇ ਮੁੱਲ ਕੰਮ ਕਰਨਗੇ, ਪਰ ਇਹ ਕੁਝ ਨਹੀਂ ਕਰੇਗਾ, ਕਿਉਂਕਿ ਇਹ ਸ਼ਬਦ ਹੋ ਸਕਦਾ ਹੈ, ਇਹ CSS ਵਿੱਚ ਇੱਕ ਮਾਨਤਾ ਪ੍ਰਾਪਤ ਮੁੱਲ ਨਹੀਂ ਹੈ.
ਸਾਡੀ "ਬੈਕਗਰਾਊਂਡ-ਚਿੱਤਰ" ਦੀ ਦੂਜੀ ਉਦਾਹਰਨ ਲਈ ਇੱਕ ਚਿੱਤਰ ਦੀ ਲੋੜ ਹੈ ਜੋ ਤੁਹਾਡੀ ਸਾਈਟ ਦੀਆਂ ਫਾਈਲਾਂ ਤੋਂ ਇੱਕ ਅਸਲ ਤਸਵੀਰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਏ. ਇਹ ਮੁੱਲ / ਸੰਟੈਕਸ ਹੈ ਜੋ ਲੋੜੀਂਦਾ ਹੈ.
ਸਾਰੇ CSS ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਿੱਚ ਉਹ ਮੁੱਲ ਹਨ ਜੋ ਉਹਨਾਂ ਦੀ ਆਸ ਕਰਦੇ ਹਨ. ਉਦਾਹਰਣ ਲਈ:
- ਬਾਰਡਰ ਰੰਗ ਵਿੱਚ ਇੱਕ ਰੰਗ ਦਾ ਮੁੱਲ ਆਸ ਹੈ
- ਬਾਰਡਰ-ਸਾਈਜ਼ ਇੱਕ ਸਾਈਜ਼ਿੰਗ ਵੈਲਯੂ ਦੀ ਉਮੀਦ ਕਰਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਪਿਕਸਲ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ
- ਬਾਰਡਰ ਸਟਾਈਲਾਂ ਨੂੰ ਇਹ ਜਾਇਦਾਦ ਲਈ ਵਰਤੇ ਜਾਣ ਵਾਲੀਆਂ ਇੱਕ ਰਿਜ਼ਰਵਡ ਸਟਾਈਲ ਦੀ ਉਮੀਦ ਹੈ, ਜਿਵੇਂ ਕਿ "ਠੋਸ"
ਜੇ ਤੁਸੀਂ CSS ਸੰਪਤੀਆਂ ਦੀ ਸੂਚੀ ਵਿੱਚੋਂ ਲੰਘਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਦੇਖੋਗੇ ਕਿ ਉਨ੍ਹਾਂ ਵਿਚ ਹਰੇਕ ਦਾ ਖਾਸ ਮੁੱਲ ਹੁੰਦਾ ਹੈ ਜੋ ਉਹਨਾਂ ਲਈ ਬਣਾਏ ਜਾਣ ਵਾਲ਼ੀਆਂ ਸਟਾਈਲ ਬਣਾਉਣ ਲਈ ਵਰਤੇ ਜਾਣਗੇ.
ਜੇਰੇਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ