CSS ਡੱਬੀ: ਤਕ ਅਤੇ ਪ੍ਰਭਾਵ

ਇਸ ਦੇ ਸਾਰੇ ਲਾਜ਼ੀਕਲ ਸਾਦਗੀ ਲਈ ਸਕੇਵਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟ (CSS) ਇਹ ਸੰਭਵ ਨਾ ਸਿਰਫ ਇੱਕ ਸ਼ਾਨਦਾਰ ਡਿਜ਼ਾਇਨ ਦਾ ਹੱਲ ਬਣਾਉਣ ਲਈ ਕਰ, ਪਰ ਇਹ ਵੀ ਅਸਲ ਕੋਡ ਦੇ ਪ੍ਰਦਰਸ਼ਨ ਦੀ ਨਕਲ ਕਰਨ ਦੀ ਅਸਲੀ ਕਾਰਵਾਈ ਦੀ ਤੱਤ ਮੁਹੱਈਆ ਕਰਦਾ ਹੈ.

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

ਸੰਟੈਕਸ ਦਾ ਵੇਰਵਾ

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

ਵੇਰਵਾ ਸ਼ੈਲੀ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਸਫ਼ੇ ਕੋਡ ਵਿੱਚ ਜ ਇੱਕ ਵੱਖਰੀ ਫਾਇਲ ਵਿੱਚ ਸਿੱਧੇ ਕੀਤਾ ਗਿਆ ਹੈ, ਲਿੰਕ ਹਵਾਲਾ ਉਸ ਨੂੰ ਕਰਨ ਲਈ ਇਸ਼ਾਰਾ. ਸੰਟੈਕਸ:

#name {ਸੰਪਤੀ: ਮੁੱਲ; ਸੰਪਤੀ: ਮੁੱਲ; ਸੰਪਤੀ: ਮੁੱਲ; ...}

ਜ

.ਸਿਰਫ {ਸੰਪਤੀ: ਮੁੱਲ; ਸੰਪਤੀ: ਮੁੱਲ; ਸੰਪਤੀ: ਮੁੱਲ; ...}

ਨਾਮ ਨੂੰ ਵੀ ਪੀ, ਸਰੀਰ ਨੂੰ, HTML, ਸਾਰਣੀ ਵਿੱਚ, TD ਹੋ ਸਕਦਾ ਹੈ ... ਹੈ, ਜੋ ਕਿ HTML ਦੇ-ਮਾਰਕਅਪ ਟੈਗ ਦਾ ਨਾਮ ਹੈ. ਸ਼ੈਲੀ ਤੱਤ ਦੇ ਵੇਰਵੇ ਦੇ ਨਾਲ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਜੁੜਿਆ ਜਾ ਸਕਦਾ ਹੈ.

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

ਮੁੱਖ ਪੈਰਾਮੀਟਰ

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

CSS ਫਰੇਮ ਕੈਸਕੇਡਿੰਗ ਸ਼ੈਲੀ ਸ਼ੀਟ ਦੇ ਆਮ ਨਿਯਮ ਨੇ ਦੱਸਿਆ:

ਸਰਹੱਦ: 3px;
ਸਰਹੱਦ-ਰੰਗ: ਲਾਲ;
ਸਰਹੱਦ-ਸ਼ੈਲੀ: ਡਬਲ ਠੋਸ ਡਾਟ ਗਈ.

ਡਬਲ, ਦਾ ਹੱਕ ਦੇ ਵੱਡੇ ਪਾਸੇ - ਧਾਰੀਦਾਰ, ਠੋਸ ਥੱਲੇ, ਖੱਬੇ - ਬਿੰਦੂ: ਲਾਲ, ਸ਼ੈਲੀ ਪਾਸੇ - ਇਹ ਵੇਰਵਾ 3 ਪਿਕਸਲ, ਰੰਗ ਦੀ ਸਰਹੱਦ ਚੌੜਾਈ ਸੈੱਟ ਕਰਦਾ ਹੈ.

ਸਰਹੱਦ-ਚੌੜਾਈ: 1px 2px 4px 8px;
ਸਰਹੱਦ-ਰੰਗ: ਨੀਲਾ;
ਸਰਹੱਦ-ਸ਼ੈਲੀ: ਬਿੰਦੂ.

ਨੀਲਾ, ਅਤੇ ਸ਼ੈਲੀ - - ਇੱਥੇ, ਹਰ ਪਾਸੇ ਦੇ ਮਾਪ ਚੋਟੀ ਦੇ, ਦਾਅ, ਰੰਗ ਕ੍ਰਮ ਨੇ ਵੀ ਹਨ ਸਪਾਟ.

ਸਰਹੱਦ-ਰੰਗ: ਨੀਲਾ, ਲਾਲ, ਹਰੇ ਕਾਲਾ;

ਇਸ ਨਿਰਧਾਰਨ ਵਿੱਚ, ਹਰ ਪਾਸੇ 'ਤੇ ਰੰਗ ਨੂੰ ਦੇ ਦਿੱਤਾ ਹੈ. ਸਰਹੱਦ ਸੰਪਤੀ ਨੂੰ ਕਈ ਪੈਰਾਮੀਟਰ, ਅਤੇ ਫਰੇਮ ਦੇ ਆਲੇ-ਹੋ ਸਕਦਾ ਹੈ ਦੇ ਕੋਣ ਸ਼ਾਮਲ ਹੋ ਸਕਦੇ ਹਨ:

ਸਰਹੱਦ: 1px ਹਰੀ ਠੋਸ;
ਸਰਹੱਦ-ਘੇਰੇ: 0px 4px 8px 12px;
-moz-ਸਰਹੱਦ-ਘੇਰੇ: 0px 4px 8px 12px;
-webkit-ਸਰਹੱਦ-ਘੇਰੇ: 0px 4px 8px 12px;

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

ਫਰੇਮ ਅਤੇ ਇਸ ਦੇ ਮਕਸਦ ਦੀ ਮੋਟਾਈ

ਫਰੇਮ ਦੀ ਮੋਟਾਈ ਦੀ ਚੋਣ ਕਰ ਕੇ, ਤੁਹਾਨੂੰ px, EM ਇਸਤੇਮਾਲ ਕਰ ਸਕਦੇ ਹੋ pt, ..., ਪਰ ਇਸ ਨੂੰ ਧਿਆਨ ਵਿੱਚ ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਇਸ ਨੂੰ ਖੇਤਰ ਤੱਤ ਦੇ ਅੰਦਰ ਹਮੇਸ਼ਾ ਹੁੰਦਾ ਹੈ. ਇਹ ਫਰੇਮ ਇੱਕ CSS ਡਿਜ਼ਾਇਨ ਮਕਸਦ ਹੈ, ਜੋ ਕਿ ਮੰਨ ਲਈ ਮੁਸ਼ਕਲ ਹੁੰਦਾ ਹੈ, ਪਰ ਤਕਨੀਕੀ ਇਸ ਨੂੰ ਪੇਜ ਦੇ ਤੱਤ ਨੂੰ ਹਾਈਲਾਈਟ ਕਰਨ ਲਈ ਬਹੁਤ ਹੀ ਲਾਭਦਾਇਕ ਹੁੰਦਾ ਹੈ.

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

ਕੁਝ ਕਾਰਜ ਪੰਨੇ ਦੇ ਖੇਤਰ ਦੀ ਵੰਡ ਦੀ ਲੋੜ, ਜ ਹੋਰ ਅੱਗੇ ਕਾਰਵਾਈ ਕਰਨ ਲਈ ਇਕਾਈ ਦੀ ਚੋਣ ਕਰੋ. ਇਸ ਮਾਮਲੇ ਵਿੱਚ, ਕਲਿੱਕ ਦੇ ਵੇਲੇ 'ਤੇ ਇੱਕ ਦੀ ਸਰਹੱਦ ਦੇ ਨਾਲ ਇੱਕ Div ਬਣਾਉਣ ਲਈ ਅਤੇ ਦੇ ਰੂਪ ਵਿੱਚ ਲੰਬੇ ਦੇ ਤੌਰ ਤੇ ਵਿਜ਼ਟਰ ਮਾਊਸ ਬਟਨ ਨੂੰ ਮੁਕਤ ਕਰਦਾ ਹੈ, ਇਸ ਨੂੰ ਮੁੜ ਆਕਾਰ, ਅਦਿੱਖ ਪਸੰਦ ਦੇ ਨਤੀਜੇ ਦੇ ਦਿਖਾ.

ਬਾਹਰ ਦੇ ਤਹਿਤ

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

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

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