ਕਦਰਤ: CSS-ਲੇਆਉਟ

ਜਦ ਸਫ਼ੇ ਦੇ ਖਾਕਾ ਅਕਸਰ ਇੱਕ ਕਦਰਤ CSS-ਤਰੀਕੇ ਨਾਲ ਕਰਨ ਲਈ ਜ਼ਰੂਰੀ ਹੈ: ਉਦਾਹਰਨ ਲਈ, ਮੁੱਖ ਯੂਨਿਟ center ਹੈ. ਇਸ ਸਮੱਸਿਆ ਨੂੰ ਕਈ ਹੱਲ, ਜਿਸ ਦੀ ਹਰੇਕ ਜਲਦੀ ਜ ਬਾਅਦ ਕਿਸੇ ਵੀ Coder ਨੂੰ ਵਰਤਣ ਲਈ ਹੈ ਜਾਵੇਗਾ.

ਮੱਧ ਕਰਨ ਲਈ ਪਾਠ ਇਕਸਾਰ

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

• ਪਾਠ-ਸੇਧਬੰਧੀ: ਕਦਰ;

ਇਸ ਸੰਪਤੀ ਨੂੰ ਵਿਰਸੇ ਵਿਚ ਅਤੇ ਮਾਤਾ ਦੇ ਸਾਰੇ ਬੱਚੇ ਨੂੰ ਪਾਸ ਕੀਤਾ ਗਿਆ ਹੈ. ਇਹ ਨਾ ਸਿਰਫ, ਪਰ ਇਹ ਵੀ ਹੋਰ ਵੀ ਤੱਤ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ. ਇਸ ਮਕਸਦ ਲਈ, ਉਹ ਛੋਟੇ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ (ਉਦਾਹਰਨ ਲਈ, ਕਾਲ) ਜ ਕਤਾਰ-ਬਲਾਕ (ਕਿਸੇ ਵੀ ਬਲਾਕ ਹੈ, ਜੋ ਕਿ ਡਿਸਪਲੇਅ ਸੰਪਤੀ ਦਿਓ: ਬਲਾਕ). ਬਾਅਦ ਚੋਣ ਵੀ ਤੁਹਾਨੂੰ ਚੌੜਾਈ ਅਤੇ ਤੱਤ ਦੀ ਉਚਾਈ, ਹਾਸ਼ੀਏ ਦੀ ਹੋਰ ਵਧੇਰੇ ਫਲੈਕਸੀਬਲ ਸੰਰਚਨਾ ਨੂੰ ਤਬਦੀਲ ਕਰਨ ਲਈ ਸਹਾਇਕ ਹੈ.

ਸਫ਼ੇ ਅਕਸਰ ਟੈਗ ਆਪ ਨੂੰ ਕਰਨ ਲਈ ਗੁਣ ਨੂੰ ਇਕਸਾਰ. ਇਹ ਤੁਰੰਤ ਕੋਡ ਗਲਤ ਕਰਦਾ ਹੈ, ਦੇ ਬਾਅਦ W3C ਸਵੀਕਾਰ ਕੀਤਾ ਸੇਧਬੰਧੀ ਗੁਣ ਛੱਡੇ. ਇੱਕ ਸਫ਼ੇ 'ਤੇ ਇਸ ਨੂੰ ਵਰਤਣ ਨਾਲ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਹੈ.

ਕਦਰਤ ਬਲਾਕ

ਬਾਹਰੀ ਚਿਣਨ ਹਾਸ਼ੀਏ ਦੀ ਵਰਤੋ: ਤੁਹਾਨੂੰ ਮੱਧ ਵਿੱਚ Div ਦੀ ਉਪਲੱਬਧ ਨੂੰ ਸੈੱਟ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ, CSS ਕਾਫ਼ੀ ਆਰਾਮ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰ ਸਕਦੇ ਹਨ. ਚਿਣਨ ਬਲਾਕ ਤੱਤ ਹੈ, ਅਤੇ ਲਾਈਨ-ਬਲਾਕ ਦੇ ਤੌਰ ਤੇ ਨਿਰਧਾਰਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. Svoysva ਮੁੱਲ 0 (ਲੰਬਕਾਰੀ ਚਿਣਨ), ਅਤੇ ਆਟੋ (ਹਰੀਜੱਟਲ ਆਟੋਮੈਟਿਕ ਹਾਸ਼ੀਏ) ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ:

• ਫਰਕ: 0 ਆਟੋ;

ਹੁਣ ਇਹ ਚੋਣ ਬਿਲਕੁਲ ਠੀਕ ਤੌਰ 'ਤੇ ਮਾਨਤਾ ਹੈ. CSS-ਫਰਕ ਸੰਪਤੀ ਸਾਨੂੰ ਸਫ਼ੇ 'ਤੇ ਸਥਿਤੀ ਤੱਤ ਨਾਲ ਸਬੰਧਿਤ ਬਹੁਤ ਸਾਰੇ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ ਸਹਾਇਕ ਹੈ: ਬਾਹਰੀ ਚਿਣਨ ਦਾ ਇਸਤੇਮਾਲ ਵੀ ਤੁਹਾਨੂੰ ਕਦਰ ਦੀ ਉਪਲੱਬਧ ਸੈੱਟ ਕਰਨ ਲਈ ਸਹਾਇਕ ਹੈ.

ਬਲਾਕ ਦੇ ਖੱਬੇ ਜ ਸੱਜੇ ਕਿਨਾਰੇ ਦੇ ਅਨੁਕੂਲਤਾ

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

• .left {ਫਲੋਟ: ਛੱਡ ਦਿੱਤਾ;}
• .right {ਫਲੋਟ: ਸੱਜੇ}

ਜੇ ਕਿਸੇ ਤੀਜੀ ਬਲਾਕ, ਜੋ ਕਿ ਪਹਿਲੇ ਦੋ ਬਲਾਕ (ਉਦਾਹਰਨ ਲਈ, ਫੁੱਟਰ) ਦੇ ਤਹਿਤ ਸਥਿਤ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਹੈ, ਫਿਰ ਇਸ ਨੂੰ ਸਾਫ ਫੀਚਰ ਨੂੰ ਰਜਿਸਟਰ ਕਰਨ ਲਈ ਜ਼ਰੂਰੀ ਹੈ:

• .left {ਫਲੋਟ: ਛੱਡ ਦਿੱਤਾ;}
• .right {ਫਲੋਟ: ਸੱਜੇ}
• ਫੁੱਟਰ {ਸਾਫ: ਦੋਨੋ}

ਤੱਥ ਇਹ ਹੈ ਕਿ ਕੁੱਲ ਵਹਾਅ ਦੇ ਬਾਹਰ ਛੱਡ ਦਿੱਤਾ ਅਤੇ ਸਹੀ ਗਿਰਾਵਟ ਦੇ ਵਰਗ ਦੇ ਨਾਲ ਬਲਾਕ, ਜੋ ਕਿ ਹੈ, ਹੋਰ ਸਾਰੇ ਤੱਤ ਸੇਧ ਤੱਤ ਦੇ ਬਹੁਤ ਹੀ ਮੌਜੂਦਗੀ ਨੂੰ ਨਜ਼ਰਅੰਦਾਜ਼ ਕੀਤਾ. ਪ੍ਰਾਪਰਟੀ ਸਾਫ: ਦੋਨੋ ਫੁੱਟਰ ਬਲਾਕ ਜ ਹੋਰ ਕਿਸੇ ਵੀ ਵੇਖਾਈ ਵਹਾਅ ਸੈੱਲ ਤੱਕ precipitated ਸਹਾਇਕ ਹੈ, ਅਤੇ ਦੋਨੋ ਖੱਬੇ ਅਤੇ ਸੱਜੇ ਤੇ ਆਵਰਣ (ਫਲੋਟ) ਮਨਾਹੀ ਕਰਦਾ ਹੈ. ਇਸ ਲਈ, ਸਾਡੇ ਉਦਾਹਰਨ ਵਿੱਚ, ਫੁੱਟਰ ਹੇਠ ਬੇਘਰ ਹੈ.

ਲੰਬਕਾਰੀ ਅਨੁਕੂਲਤਾ

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

• ਵੱਡੇ ਸੀਮਾ ਦੀ ਉਪਲੱਬਧ - .ਬਾਲ {ਲੰਬਕਾਰੀ-ਸੇਧਬੰਧੀ: ਚੋਟੀ ਦੇ};
• ਕਦਰਤ - .ਬਾਲ {ਲੰਬਕਾਰੀ-ਸੇਧਬੰਧੀ: ਮੱਧ};
• ਤਲ ਦੇ ਕਿਨਾਰੇ ਦਾ ਅਨੁਕੂਲਤਾ - .ਬਾਲ {ਲੰਬਕਾਰੀ-ਸੇਧਬੰਧੀ: ਤਲ};

ਬਲਾਕ ਤੱਤ 'ਤੇ ਆਡੀਓ ਪਾਠ-ਸੇਧਬੰਧੀ, ਜ ਲੰਬਕਾਰੀ-ਸੇਧਬੰਧੀ ਲਾਗੂ ਨਹੀ ਹੁੰਦਾ.

ਮਿਲਾਉਣੀ ਯੂਨਿਟ ਦੇ ਨਾਲ ਸੰਭਵ ਸਮੱਸਿਆ

ਕਈ ਵਾਰ Div CSS-ਤਰੀਕੇ ਦੀ ਕਦਰ ਨੂੰ ਇਕਸਾਰ ਇੱਕ ਛੋਟਾ ਜਿਹਾ ਸਮੱਸਿਆ ਦਾ ਕਾਰਨ ਬਣ ਸਕਦਾ ਹੈ. ਮਿਸਾਲ ਲਈ, ਜਦ ਇਕ ਫਲੋਟ ਵਰਤ: .ਪਹਿਲੀ, .ਦੂਜੀ ਅਤੇ .ਤੀਜੀ: ਉਦਾਹਰਨ ਲਈ, ਉਥੇ ਤਿੰਨ ਬਲਾਕ ਹਨ. ਦੂਜੇ ਅਤੇ ਤੀਜੇ ਬਲਾਕ ਪਹਿਲੀ ਵਿੱਚ ਝੂਠ. ਇੱਕ ਕਲਾਸ ਦੇ ਨਾਲ ਇੱਕ ਤੱਤ ਦੂਜਾ ਖੱਬੇ-ਰੱਖਿਆ ਹੈ, ਅਤੇ ਪਿਛਲੇ ਬਲਾਕ - ਸੱਜੇ ਤੇ. ਿਾਤ ਦੇ ਬਾਅਦ ਦੋ ਸਟਰੀਮ ਤੱਕ ਘਟ. ਮਾਤਾ ਤੱਤ ਉਚਾਈ ਨਿਰਧਾਰਿਤ ਨਹੀ ਹੈ, ਜੇ (ਉਦਾਹਰਨ ਲਈ, 30em), ਇਸ ਨੂੰ ਸਹਾਇਕ ਯੂਨਿਟ ਦੀ ਉਚਾਈ ਤਾਣੀ ਨੂੰ ਖ਼ਤਮ ਕੀਤਾ ਜਾਵੇਗਾ. ਇੱਕ ਖਾਸ ਯੂਨਿਟ ਹੈ, ਜੋ .ਦੂਜੀ ਅਤੇ .ਤੀਜੀ ਨੂੰ ਦੇਖਦੇ - ਇਸ ਨੂੰ ਗਲਤੀ ਬਚਣ ਲਈ, "ਵੱਡਾ" ਨੂੰ ਵਰਤ. CSS-ਕੋਡ:

• .ਦੂਜੀ {ਫਲੋਟ: ਖੱਬੇ}
• .ਤੀਜੀ {ਫਲੋਟ: ਸੱਜੇ}
• .clearfix {ਕੱਦ: 0; ਸਾਫ: ਦੋਨੋ;}

ਸੂਡੋ ਅਕਸਰ ਵਰਤਿਆ: ਦੇ ਬਾਅਦ, ਜੋ ਕਿ ਇਹ ਵੀ psevdorasporki ਬਣਾਉਣ ਦੇ ਕੇ ਸਥਾਨ ਵਿੱਚ ਬਲਾਕ ਨੂੰ ਵਾਪਸ ਕਰਨ ਲਈ ਸਹਾਇਕ ਹੈ (ਕਲਾਸ ਨਾਲ Div ਵਿਚ ਉਦਾਹਰਨ ਵਿੱਚ ਕੰਟੇਨਰ ਦੇ ਅੰਦਰ ਪਿਆ ਹੈ ਅਤੇ ਇੱਕ .ਪਹਿਲਾ .left ਅਤੇ .right ਸ਼ਾਮਲ ਹੈ):

• .left {ਫਲੋਟ: ਖੱਬੇ}
• .right {ਫਲੋਟ: ਸੱਜੇ}
• .container: {ਸਮੱਗਰੀ ਨੂੰ ਬਾਅਦ: ''; ਡਿਸਪਲੇਅ: ਸਾਰਣੀ ਵਿੱਚ; ਸਾਫ: ਦੋਨੋ;}

ਉਪਰੋਕਤ ਚੋਣ - ਸਭ ਆਮ ਹੈ, ਪਰ ਕੁਝ ਫਰਕ ਹਨ. ਤੁਹਾਨੂੰ ਹਮੇਸ਼ਾ ਪ੍ਰਯੋਗ ਕੇ psevdorasporki ਬਣਾਉਣ ਲਈ ਸੌਖਾ ਹੈ ਅਤੇ ਸਭ ਸੁਵਿਧਾਜਨਕ ਢੰਗ ਦਾ ਪਤਾ ਕਰ ਸਕਦੇ ਹੋ.

ਇਕ ਹੋਰ ਸਮੱਸਿਆ ਅਕਸਰ ਖਾਕਾ ਆਈ - ਲਾਈਨ-ਬਲਾਕ ਇਕਾਈ ਦੀ ਅਨੁਕੂਲਤਾ. ਯਿਸੂ ਦੇ ਹਰ ਦੇ ਬਾਅਦ ਇੱਕ ਸਪੇਸ ਨੂੰ ਆਪਣੇ ਆਪ ਹੀ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਹੈ. ਵਰਤ ਇਸ ਨੂੰ ਹਾਸ਼ੀਏ ਸੰਪਤੀ ਹੈ, ਜੋ ਕਿ ਨਕਾਰਾਤਮਕ ਹਾਸ਼ੀਏ ਦੁਆਰਾ ਪਰਿਭਾਸ਼ਤ ਹੈ ਮਦਦ ਕਰਦਾ ਹੈ. ਹੋਰ ਤਰੀਕੇ ਹਨ, ਜੋ ਕਿ, ਘੱਟ ਅਕਸਰ ਵਰਤਿਆ ਜਾਦਾ ਹੈ, ਉਦਾਹਰਨ ਲਈ, ਮੁੜ-ਸੈੱਟ ਹਨ ਫੋਟ ਦੇ ਅਕਾਰ. ਇਸ ਮਾਮਲੇ ਵਿੱਚ, ਮਾਤਾ ਤੱਤ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਦਰਜ ਫੋਟ-ਅਕਾਰ: 0. ਜੇ ਪਾਠ ਦੇ ਬਲਾਕ ਵਿਖੇ ਸਥਿਤ, ਲਾਈਨ-ਬਲਾਕ ਇਕਾਈ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਲੋੜੀਦੀ ਫੋਟ ਦੇ ਅਕਾਰ ਨੂੰ ਵਾਪਸ ਕੀਤਾ ਹੈ. ਮਿਸਾਲ ਲਈ, ਫੋਟ-ਅਕਾਰ: 1em. ਵਿਧੀ ਨੂੰ ਹਮੇਸ਼ਾ ਸੁਵਿਧਾਜਨਕ ਨਹੀ ਹੈ, ਇਸ ਲਈ ਇਸ ਨੂੰ ਹੋਰ ਬਹੁਤ ਕੁਝ ਆਮ ਬਾਹਰੀ ਮਾਰਜਿਨ ਨਾਲ ਵਰਜਨ ਵਰਤਿਆ ਗਿਆ ਹੈ.

ਇੱਕ ਛੋਟੇ ਦੇ ਸਾਈਟ 'ਤੇ ਆਮ ਲੇਆਉਟ ਅਤੇ ਖਾਕਾ, ਅਤੇ ਦੁਕਾਨਾ ਵਿੱਚ ਮਾਲ ਦੀ ਸਥਿਤੀ ਹੈ, ਅਤੇ ਫੋਟੋ: ਬਲਾਕ ਿਾਤ ਤੁਹਾਨੂੰ ਸੁੰਦਰ ਅਤੇ ਕੰਮ ਸਫ਼ੇ ਬਣਾਉਣ ਲਈ ਸਹਾਇਕ ਹੈ.