ਵੈੱਬ ਡਿਜ਼ਾਇਨ ਵਿੱਚ ਮੁੱਖ ਭੂਮਿਕਾ ਬਾਰੇ ਸਿੱਖਣਾ

ਇਹ ਹੁਣ ਸਧਾਰਣ ਲਾਈਨ ਦੀ ਉਚਾਈ ਦਾ 1.5 ਗੁਣਾ ਹੋ ਜਾਵੇਗਾ, ਜੋ ਕਿ ਪੇਜ ਦੇ ਡਿਫਾਲਟ ਫੌਂਟ ਸਾਈਜ ਦੇ ਅਧਾਰ 'ਤੇ ਹੁੰਦਾ ਹੈ (ਜੋ ਕਿ ਆਮ ਤੌਰ' ਤੇ 16px ਹੁੰਦਾ ਹੈ).

ਲਾਈਨ-ਉਚਾਈ ਦੀ ਵਰਤੋਂ ਕਦੋਂ ਕਰਨੀ ਹੈ

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

ਲਾਈਨ-ਉਚਾਈ ਦੀ ਵਰਤੋਂ ਨਾ ਕਰਨ ਵੇਲੇ

ਲਾਈਨ-ਉਚਾਈ ਨੂੰ ਪੈਡਿੰਗ ਜਾਂ ਮਾਰਜੀਆਂ ਨਾਲ ਘਿਰਨਾ ਨਾ ਕਰੋ, ਜੋ ਕਿ ਤੁਸੀਂ ਆਪਣੇ ਪੇਜ ਦੇ ਡਿਜ਼ਾਇਨ ਤੇ ਵਾਈਟਸਪੇਸ ਜੋੜਨ ਲਈ ਵਰਤੋਗੇ, ਜਿਸ ਵਿੱਚ ਹੇਠਲੇ ਸਿਰਲੇਖ ਜਾਂ ਪੈਰੇ ਸ਼ਾਮਲ ਹੋਣਗੇ. ਇਹ ਸਪੇਸ ਦੀ ਅਗਵਾਈ ਨਹੀਂ ਕਰ ਰਿਹਾ ਹੈ, ਅਤੇ ਇਸ ਲਈ ਇਸ ਨੂੰ ਲਾਈਨ-ਉਚਾਈ ਦੁਆਰਾ ਨਹੀਂ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ.

ਜੇ ਤੁਸੀਂ ਕੁਝ ਪਾਠ ਤੱਤਾਂ ਦੇ ਹੇਠਾਂ ਸਪੇਸ ਜੋੜਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਹਾਸ਼ੀਆ ਜਾਂ ਪੈਡਿੰਗ ਦਾ ਇਸਤੇਮਾਲ ਕਰੋਗੇ. ਪਿਛਲੇ CSS ਉਦਾਹਰਨ 'ਤੇ ਵਾਪਸ ਜਾਣਾ ਜਿਸ ਦੀ ਅਸੀਂ ਵਰਤੋਂ ਕੀਤੀ ਸੀ, ਅਸੀਂ ਇਸ ਨੂੰ ਸ਼ਾਮਲ ਕਰ ਸਕਦੇ ਸੀ:

ਇਸਦੇ ਸਾਡੇ ਪੰਨਿਆਂ ਦੇ ਪ੍ਹੈਰੇ (ਜਿਹੜੇ ਕਿ <ਮੁੱਖ> ਭਾਗ ਦੇ ਅੰਦਰਲੇ ਹਿੱਸੇ ਹਨ) ਲਈ ਪਾਠ ਦੀਆਂ ਲਾਈਨਾਂ ਵਿਚਕਾਰ 1.5 ਲਾਈਨ ਦੀ ਲੰਬਾਈ ਹੋਵੇਗੀ. ਉਨ੍ਹਾਂ ਪੈਰਾਗ੍ਰਾਫਰਾਂ ਵਿਚ 24 ਪਿਕਸਲ ਦੇ ਵਾਈਟਪੇਸ ਦੇ ਕੋਲ ਵੀ ਵਿਸੇਸ਼ ਦ੍ਰਿਸ਼ਟੀਕੋਣਾਂ ਦੀ ਇਜਾਜ਼ਤ ਹੋਵੇਗੀ, ਜਿਸ ਨਾਲ ਪਾਠਕਾਂ ਨੂੰ ਇਕ ਪੈਰਾ ਨੂੰ ਦੂਜੀ ਤੋਂ ਆਸਾਨੀ ਨਾਲ ਪਛਾਣ ਸਕਣਗੇ ਅਤੇ ਵੈੱਬਸਾਈਟ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਪੜ੍ਹਨ ਵਿਚ ਮਦਦ ਮਿਲੇਗੀ. ਤੁਸੀਂ ਇੱਥੇ ਮਾਰਜਿਨਾਂ ਦੀ ਥਾਂ 'ਤੇ ਪੈਡਿੰਗ ਦੀ ਜਾਇਦਾਦ ਵੀ ਵਰਤ ਸਕਦੇ ਹੋ:

ਲਗਭਗ ਸਾਰੇ ਕੇਸਾਂ ਵਿਚ, ਇਹ ਪਿਛਲੇ CSS ਵਾਂਗ ਦਿਖਾਈ ਦੇਵੇਗਾ.

ਕਹੋ ਕਿ ਤੁਸੀਂ "ਸਰਵਿਸ-ਮੀਨੂ" ਦੀ ਇੱਕ ਸੂਚੀ ਦੇ ਅੰਦਰ ਸੂਚੀ ਆਈਟਮਾਂ ਦੇ ਥੱਲੇ ਸਪੇਸ ਸ਼ਾਮਿਲ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, ਤੁਸੀਂ ਮਾਰਜਿਨ ਜਾਂ ਪੈਡਿੰਗ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਇਸ ਤਰ੍ਹਾਂ ਕਰਦੇ ਹੋ, ਲਾਈਨ ਦੀ ਉਚਾਈ ਨਹੀਂ. ਇਸ ਲਈ ਇਹ ਉਚਿਤ ਹੋਵੇਗਾ.