ਲਾਈਨ ਸਪੇਸਿੰਗ, CSS, ਬੇਸਿਕਸ

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

ਲੋੜੀਂਦੀ ਜਾਣਕਾਰੀ

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

ਅੰਤਰਾਲ

ਪਰ ਕਾਫ਼ੀ ਸ਼ੁਰੂਆਤੀ ਵਾਕਾਂਸ਼, ਆਓ ਬਿਜਨਸ ਨੂੰ ਥੱਲੇ ਆ ਜਾਈਏ. ਲਾਈਨ -ਉਚਾਈ ਦੀ ਜਾਇਦਾਦ ਦਾ ਇਸਤੇਮਾਲ ਕਰਕੇ ਲਾਈਨ ਦੇ ਵਿੱਥ ਨੂੰ ਨਿਰਧਾਰਤ ਕੀਤਾ ਗਿਆ ਹੈ ਇਹ ਸਾਰੇ ਤੱਤਾਂ ਤੇ ਲਾਗੂ ਕਰ ਸਕਦਾ ਹੈ ਪ੍ਰਾਪਰਟੀ ਆਪ ਹੀ ਵਿਰਾਸਤ ਹੁੰਦੀ ਹੈ, ਜਿਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਬੱਚੇ ਆਪਣੇ ਮਾਤਾ-ਪਿਤਾ ਤੋਂ ਅੰਤਰਾਲ ਦੀ ਨਕਲ ਕਰਨਗੇ. ਉਦਾਹਰਨ ਲਈ, ਜੇ ਤੁਸੀਂ ਹੇਠ ਲਿਖੀ ਕਮਾਂਡ ਲਿਖਦੇ ਹੋ: ਸਰੀਰ {ਲਾਈਨ-ਉਚਾਈ: 20px}, ਫਿਰ ਸਫ਼ੇ ਦੇ ਸਾਰੇ ਤੱਤ ਵਿੱਚ 20 ਪਿਕਸਲ ਦੀ ਇੱਕ ਲਾਈਨ ਸਪੇਸ ਹੁੰਦੀ ਹੈ. ਇੱਕ ਵੈਲਯੂ ਦੇ ਰੂਪ ਵਿੱਚ, ਇਹ ਜਾਇਦਾਦ CSS (ਆਈਟਮਾਂ - ਪੀਟੀ, ਪਿਕਸਲ - ਪੀਐਕਸ, ਇੰਚ - ਇਨ, ਆਦਿ) ਵਿੱਚ ਜਾਣੇ ਜਾਣ ਵਾਲੇ ਮਾਪ ਦੇ ਕਿਸੇ ਇਕਾਈ ਦਾ ਇਸਤੇਮਾਲ ਕਰ ਸਕਦੀ ਹੈ. ਤੁਸੀਂ ਰਿਸ਼ਤੇਦਾਰ ਮੁੱਲ ਵੀ ਵਰਤ ਸਕਦੇ ਹੋ, ਜਿਵੇਂ ਪ੍ਰਤੀਸ਼ਤ ਜਾਂ ਮਲਟੀਪਲੇਅਰਸ ਇਸ ਸਥਿਤੀ ਵਿੱਚ, ਲਾਈਨਾਂ ਦੇ ਵਿਚਕਾਰ CSS- ਅੰਤਰਾਲ ਮਾਪੇ ਐਲੀਮੈਂਟ ਤੋਂ ਗਿਣਿਆ ਜਾਵੇਗਾ. ਮੂਲ ਮੁੱਲ ਕੀਵਰਡ ਸਧਾਰਨ ਹੈ.

ਵਾਧੂ ਜਾਣਕਾਰੀ

ਅਸੀਂ ਅੰਤਰਾਲਾਂ ਬਾਰੇ ਗੱਲ ਕਰ ਰਹੇ ਹਾਂ, ਇਸ ਲਈ ਸਾਨੂੰ ਅੱਖਰਾਂ ਦੇ ਵਿਚਕਾਰ ਦੀ ਦੂਰੀ ਦਾ ਜ਼ਿਕਰ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ. ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ, CSS ਦੀ ਇਕ ਵੱਖਰੀ ਜਾਇਦਾਦ ਹੁੰਦੀ ਹੈ, ਅਰਥਾਤ ਅੱਖਰ-ਸਪੇਸਿੰਗ. ਇਸ ਕਮਾਂਡ ਦਾ ਸਿਧਾਂਤ ਲਾਈਨ-ਉਚਾਈ ਦੇ ਸਮਾਨ ਹੈ ਇਕਾਈਆਂ ਅਤੇ ਹੋਰ ਮੁੱਲ ਇਕੋ ਜਿਹੇ ਹੁੰਦੇ ਹਨ. ਅੱਖਰਾਂ ਦੇ ਵਿਚਕਾਰ CSS-spacing ਵੀ ਸਾਰੇ ਤੱਤਾਂ ਤੇ ਲਾਗੂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਅਤੇ ਸਾਰੇ ਭਾਸ਼ਾ ਵਰਜਨਾਂ ਵਿੱਚ ਸਹਾਇਤਾ ਪ੍ਰਾਪਤ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ. ਜਾਇਦਾਦ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਇਕ ਉਦਾਹਰਣ "h2 {letter-spacing: 10px; } » ਜੇ ਤੁਸੀਂ ਸਰੀਰ ਦੇ ਤੱਤ ਦੇ ਅੱਖਰਾਂ ਦੇ ਵਿਚਕਾਰ ਇੱਕ ਅੰਤਰਾਲ ਨਿਰਧਾਰਤ ਕਰਦੇ ਹੋ, ਤਾਂ ਸਾਰੇ ਤੱਤ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹਨ (ਜਦੋਂ ਤੱਕ ਕਿ ਮੁੱਲ ਸਪਸ਼ਟ ਤੌਰ ਤੇ ਰੀਮੈਪ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ).

ਸਿੱਟਾ

ਇਹ ਨੋਟ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਕੁਝ ਬ੍ਰਾਊਜ਼ਰ CSS ਦੇ ਲਾਈਨ ਸਪੇਸ ਨੂੰ ਗ਼ਲਤ ਢੰਗ ਨਾਲ ਪ੍ਰਭਾਸ਼ਿਤ ਕਰਦੇ ਹਨ. ਉਦਾਹਰਣ ਲਈ, IE ਪ੍ਰੋਗਰਾਮ (ਸੰਸਕਰਣ 7.0 ਤੱਕ) ਗਲਤ ਤਰੀਕੇ ਨਾਲ ਦੂਰੀ ਦਾ ਹਿਸਾਬ ਲਗਾਉਂਦਾ ਹੈ ਇਸ ਸਥਿਤੀ ਵਿੱਚ, ਅੰਤਰਾਲ ਵਿੱਚ ਅੰਤਰ ਨੂੰ ਧਿਆਨ ਵਿੱਚ ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ. ਇਸ ਬਰਾਊਜ਼ਰ ਦੇ ਨਵੇਂ ਵਰਜਨਾਂ ਵਿੱਚ, ਬੱਗ ਪੂਰੀ ਤਰ੍ਹਾਂ ਫਿਕਸ ਕੀਤਾ ਗਿਆ ਹੈ. ਇੱਕ ਸਮਾਨ ਸਮੱਸਿਆ ਉਦੋਂ ਵਾਪਰਦੀ ਹੈ ਜਦੋਂ ਅੱਖਰ ਦੇ ਵਿਚਕਾਰ ਸਪੇਸ ਦੀ ਪਛਾਣ ਕਰਨ ਲਈ ਸੰਪਤੀ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ. ਹੋਰ ਸਾਰੇ ਪ੍ਰੋਗਰਾਮਾਂ ਵਿੱਚ, ਇਹਨਾਂ ਟੀਮਾਂ ਨੂੰ W3C (ਵਰਲਡ ਵਾਈਡ ਵੈੱਬ ਕੰਸੋਰਟੀਅਮ) ਅਨੁਸਾਰ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ.