ਇੱਕ ਮਾਸਟਰ ਸਟਾਈਲਸ਼ੀਟ ਦੇ ਨਾਲ ਡਿਫਾਲਟ ਬ੍ਰਾਉਜ਼ਰ ਸਟਾਈਲ ਕਿਵੇਂ ਹਟਾਓ?

ਇਹਨਾਂ ਸੁਝਾਵਾਂ ਨਾਲ ਤੱਥ ਪ੍ਰਾਪਤ ਕਰੋ

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

ਡਿਫੌਲਟ ਬ੍ਰਾਊਜ਼ਰ ਸਟਾਈਲ ਮਦਦਗਾਰ ਹੋ ਸਕਦੀ ਹੈ, ਪਰ ਕਈ ਮਾਮਲਿਆਂ ਵਿੱਚ ਵੈਬ ਡਿਜ਼ਾਇਨਰ ਇਹਨਾਂ ਸਟਾਈਲਜ਼ ਨੂੰ ਹਟਾਉਣਾ ਚਾਹੁੰਦੇ ਹਨ ਤਾਂ ਕਿ ਉਹ ਸਟਾਈਲ ਨਾਲ ਤਾਜ਼ਾ ਚਾਲੂ ਕਰ ਸਕਣ ਜੋ ਕਿ ਉਹ 100% ਦੇ ਨਿਯੰਤਰਣ ਵਿੱਚ ਹਨ. ਇਸ ਨੂੰ "ਮਾਸਟਰ ਸਟਾਇਲਸ਼ੀਟ" ਦੇ ਤੌਰ ਤੇ ਜਾਣਿਆ ਜਾਂਦਾ ਹੈ.

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

ਗਲੋਬਲ ਡਿਫਾਲਟ

ਤੁਹਾਡਾ ਮਾਸਟਰ ਸਟਾਈਲਸ਼ੀਟ ਪੰਨੇ ਤੇ ਹਾਸ਼ੀਆ, ਪਾਡਿੰਗ ਅਤੇ ਬਾਰਡਰਜ਼ ਨੂੰ ਜ਼ੀਰੋ ਕਰਕੇ ਸ਼ੁਰੂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ. ਕੁਝ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਦਸਤਾਵੇਜ਼ ਦੇ ਸਰੀਰ ਨੂੰ ਬ੍ਰਾਉਜ਼ਰ ਪੈਨ ਦੇ ਕਿਨਾਰਿਆਂ ਵੱਲ ਸੰਕੇਤ 1 ਜਾਂ 2 ਪਿਕਸਲ ਵਿੱਚ ਡਿਫੌਲਟ ਕਰਦੇ ਹਨ. ਇਹ ਯਕੀਨੀ ਬਣਾਉਂਦਾ ਹੈ ਕਿ ਉਹ ਸਾਰੇ ਇੱਕੋ ਹੀ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੇ ਹਨ:

html, body {ਹਾਸ਼ੀਆ: 0 ਪੈਕਸ; ਪੈਡਿੰਗ: 0 ਪੈਕਸ; ਬਾਰਡਰ: 0 ਪੈਕਸ; }

ਤੁਸੀਂ ਫੋਂਟ ਅਨੁਕੂਲ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ. ਫ਼ੌਂਟ ਦਾ ਆਕਾਰ 100 ਪ੍ਰਤੀਸ਼ਤ ਜਾਂ 1EM ਤੱਕ ਸੈੱਟ ਕਰਨਾ ਯਕੀਨੀ ਬਣਾਓ, ਤਾਂ ਕਿ ਤੁਹਾਡੇ ਪੇਜ ਨੂੰ ਪਹੁੰਚਯੋਗ ਹੋਵੇ, ਪਰ ਆਕਾਰ ਅਜੇ ਵੀ ਇਕਸਾਰ ਹੈ. ਅਤੇ ਲਾਈਨ-ਉਚਾਈ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨਾ ਯਕੀਨੀ ਬਣਾਓ

ਸਰੀਰ {ਫੌਂਟ: 1EM / 1.25 ਅਰੀਅਲ, ਹੇਲਵੇਟਿਕਾ, ਸੀਨਸ-ਸੀਰੀਫ; }

ਹੈਡਲਾਈਨ ਫੌਰਮੈਟਿੰਗ

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

h1, h2, h3, h4, h5, h6 {ਹਾਸ਼ੀਆ: 0; ਪੈਡਿੰਗ: 0; ਫੌਂਟ-ਭਾਰ: ਆਮ; ਫੌਂਟ-ਫੈਮਿਲੀ: ਏਅਅਲ, ਹੇਲਵੇਟਿਕਾ, ਸੀਨਸ-ਸੀਰੀਫ; }

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

ਪਲੇਨ ਟੈਕਸਟ ਫਾਰਮੈਟਿੰਗ

ਸਿਰਲੇਖ ਤੋਂ ਇਲਾਵਾ, ਹੋਰ ਟੈਕਸਟ ਟੈਗਸ ਵੀ ਹਨ ਜੋ ਤੁਹਾਨੂੰ ਸਾਫ਼ ਕਰ ਦੇਣੇ ਚਾਹੀਦੇ ਹਨ. ਇੱਕ ਸੈਟ ਹੈ ਜੋ ਲੋਕ ਅਕਸਰ ਭੁੱਲ ਜਾਂਦੇ ਹਨ ਉਹ ਟੇਬਲ ਸੈਲ ਟੈਗਾਂ (TH ਅਤੇ TD) ਅਤੇ ਫਾਰਮ ਟੈਗ (SELECT, TEXTAREA ਅਤੇ INPUT) ਹਨ. ਜੇ ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਆਪਣੇ ਸਰੀਰ ਅਤੇ ਪੈਰਾ ਪਾਠ ਦੇ ਸਮਾਨ ਅਕਾਰ ਤੇ ਨਹੀਂ ਸੈੱਟ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਇਸ ਗੱਲ 'ਤੇ ਹੈਰਾਨ ਹੋ ਸਕਦੇ ਹੋ ਕਿ ਬ੍ਰਾਉਜ਼ਰ ਉਨ੍ਹਾਂ ਨੂੰ ਕਿਵੇਂ ਪੇਸ਼ ਕਰਦੇ ਹਨ.

p, th, td, li, dd, dt, ul, ol, ਬਲੌਕਕੋਟ, q, ਸ਼ਬਦਾਵਲੀ, abbr, a, ਇੰਪੁੱਟ, ਚੁਣੋ, ਟੈਕਸਟੇਰਾ {ਮਾਰਜਿਨ: 0; ਪੈਡਿੰਗ: 0; ਫੌਂਟ: ਆਮ ਸਧਾਰਣ ਆਮ 1em / 1.25 ਅਰੀਅਲ, ਹੇਲਵੇਟਿਕਾ, ਸੀਨਸ-ਸੀਰੀਫ; }

ਤੁਹਾਡੇ ਹਵਾਲੇ (BLOCKQUOTE ਅਤੇ Q), ਇਕਨਾਮਿਕਸ, ਅਤੇ ਸੰਖੇਪ ਰਚਨਾ ਨੂੰ ਇੱਕ ਛੋਟੀ ਜਿਹੀ ਵਾਧੂ ਸ਼ੈਲੀ ਦੇਣ ਲਈ ਇਹ ਬਹੁਤ ਵਧੀਆ ਹੈ, ਤਾਂ ਜੋ ਉਹ ਥੋੜਾ ਹੋਰ ਬਾਹਰ ਖੜਦੇ ਹਨ:

ਬਲਾਕਕੋਟ {ਮਾਰਜਿਨ: 1.25ਮ; ਪੈਡਿੰਗ: 1.25ਮ} q {font-style: ਇਟੈਲਿਕ; } ਆਵਰਤੀ, abbr {ਕਰਸਰ: ਮੱਦਦ; ਬਾਰਡਰ-ਥੱਲੇ: 1 ਪੈਕਸ ਡੈਸ਼; }

ਲਿੰਕ ਅਤੇ ਚਿੱਤਰ

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

a, a: ਲਿੰਕ, a: ਵਿਜਿਟ ਕੀਤੀ, a: ਸਕਿਰਿਆ, a: ਹੋਵਰ (ਪਾਠ-ਸਜਾਵਟ: ਹੇਠਾਂ ਰੇਖਾ; }

ਤਸਵੀਰਾਂ ਦੇ ਨਾਲ, ਸਰਹੱਦਾਂ ਨੂੰ ਬੰਦ ਕਰਨਾ ਮਹੱਤਵਪੂਰਨ ਹੁੰਦਾ ਹੈ ਹਾਲਾਂਕਿ ਜ਼ਿਆਦਾਤਰ ਬ੍ਰਾਊਜ਼ਰ ਸਾਦੇ ਚਿੱਤਰ ਦੇ ਦੁਆਲੇ ਬਾਰਡਰ ਨਹੀਂ ਦਿਖਾਉਂਦੇ, ਜਦੋਂ ਚਿੱਤਰ ਨੂੰ ਜੋੜਿਆ ਜਾਂਦਾ ਹੈ, ਬ੍ਰਾਉਜ਼ਰ ਬਾਰਡਰ ਨੂੰ ਚਾਲੂ ਕਰਦੇ ਹਨ ਇਸ ਨੂੰ ਠੀਕ ਕਰਨ ਲਈ:

img {ਸਰਹੱਦ: ਕੋਈ ਨਹੀਂ; }

ਟੇਬਲ

ਟੇਬਲ ਹੁਣ ਲੇਆਉਟ ਦੇ ਉਦੇਸ਼ਾਂ ਲਈ ਨਹੀਂ ਵਰਤੇ ਗਏ ਹਨ, ਤੁਸੀਂ ਅਜੇ ਵੀ ਅਸਲ ਟੈਬਲੇਅਰ ਡਾਟਾ ਲਈ ਉਹਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਇਹ HTML ਟੇਬਲਸ ਦੀ ਵਧੀਆ ਵਰਤੋਂ ਹੈ ਅਸੀਂ ਪਹਿਲਾਂ ਹੀ ਨਿਸ਼ਚਿਤ ਕਰ ਚੁੱਕੇ ਹਾਂ ਕਿ ਡਿਫੌਲਟ ਟੈਕਸਟ ਆਕਾਰ ਤੁਹਾਡੇ ਟੇਬਲ ਸੈੱਲ ਲਈ ਇੱਕੋ ਜਿਹਾ ਹੈ, ਪਰ ਕੁਝ ਹੋਰ ਸਟਾਈਲ ਹਨ ਜੋ ਤੁਹਾਨੂੰ ਸੈੱਟਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ ਤਾਂ ਜੋ ਤੁਹਾਡੀਆਂ ਟੇਬਲ ਇਕੋ ਹੀ ਰਹਿਣ.

ਸਾਰਣੀ {ਹਾਸ਼ੀਆ: 0; ਪੈਡਿੰਗ: 0; ਬਾਰਡਰ: ਕੋਈ ਨਹੀਂ; }

ਫਾਰਮ

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

ਫਾਰਮ {ਹਾਸ਼ੀਆ: 0; ਪੈਡਿੰਗ: 0; ਡਿਸਪਲੇ: ਇਨਲਾਈਨ; }

ਤੁਹਾਡੇ ਲੇਬਲ ਲਈ ਕਰਸਰ ਨੂੰ ਬਦਲਣਾ ਵੀ ਇੱਕ ਵਧੀਆ ਵਿਚਾਰ ਹੈ. ਇਹ ਲੋਕਾਂ ਨੂੰ ਇਹ ਦੇਖਣ ਵਿਚ ਮੱਦਦ ਕਰਦਾ ਹੈ ਕਿ ਜਦੋਂ ਉਹ ਇਸ ਨੂੰ ਕਲਿੱਕ ਕਰਦੇ ਹਨ ਤਾਂ ਲੇਬਲ ਕੁਝ ਕਰੇਗਾ

label {cursor: pointer; }

ਆਮ ਕਲਾਸਾਂ

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

ਸਾਫ. {ਸਾਫ਼: ਦੋਵੇਂ; } .floatLeft {ਫਲੋਟ: ਖੱਬੇ; } .floatRight {ਫਲੋਟ: ਸੱਜੇ; } .textLeft {text-align: left; } .textRight {text-align: ਸੱਜਾ; } .textCenter {text-align: center; } .textJustify {text-align: justify; } .blockCenter {display: block; ਹਾਸ਼ੀਏ ਤੋਂ ਖੱਬੇ: ਆਟੋ; ਹਾਸ਼ੀਆ-ਸੱਜਾ: ਆਟੋ; } / * ਚੌੜਾਈ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ ਯਾਦ ਰੱਖੋ * / .bold {font-weight: bold; } .italic {font-style: italic; } .ਸਥਾਪਨ ਕਰੋ {ਪਾਠ-ਸਜਾਵਟ: ਹੇਠਾਂ ਰੇਖਾ; }. ਨੋਿੰਡੈਂਟ {ਮਾਰਜਿਨ-ਖੱਬੇ: 0; ਪੈਡਿੰਗ-ਖੱਬੇ: 0; } .nomargin {ਹਾਸ਼ੀਆ: 0; } .ਨੌਪਡਿੰਗ {ਪੈਡਿੰਗ: 0; } .nobullet {list-style: none; list-style-image: ਕੋਈ ਨਹੀਂ; }

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

ਪੂਰਾ ਮਾਸਟਰ ਸਟਾਈਲਸ਼ੀਟ

/ * ਗਲੋਬਲ ਡਿਫਾਲਟ * / html, ਸਰੀਰ {ਮਾਰਜਿਨ: 0 ਪੈਕਸ; ਪੈਡਿੰਗ: 0 ਪੈਕਸ; ਬਾਰਡਰ: 0 ਪੈਕਸ; } ਸਰੀਰ {ਫੌਂਟ: 1EM / 1.25 ਏਰੀਅਲ, ਹੇਲਵੇਟਿਕਾ, ਸੀਨਸਿਰਫ; } / * ਹੈਡਲਾਈਨਾਂ * / h1, h2, h3, h4, h5, h6 {ਹਾਸ਼ੀਆ: 0; ਪੈਡਿੰਗ: 0; ਫੌਂਟ-ਭਾਰ: ਆਮ; ਫੌਂਟ-ਫੈਮਿਲੀ: ਏਅਅਲ, ਹੇਲਵੇਟਿਕਾ, ਸੀਨਸ-ਸੀਰੀਫ; } / * ਟੈਕਸਟ ਸ਼ੈਲੀ * / p, th, td, li, dd, dt, ul, ol, ਬਲੌਕਕੋਟ, q, ਸ਼ਬਦਾਵਲੀ, abbr, a, ਇੰਪੁੱਟ, ਚੁਣੋ, ਟੈਕਸਟੇਰਾ {ਮਾਰਜਿਨ: 0; ਪੈਡਿੰਗ: 0; ਫੌਂਟ: ਆਮ ਸਧਾਰਣ ਆਮ 1em / 1.25 ਅਰੀਅਲ, ਹੇਲਵੇਟਿਕਾ, ਸੀਨਸ-ਸੀਰੀਫ; } ਬਲਾਕਕੋਟ {ਮਾਰਜਿਨ: 1.25ਮ; ਪੈਡਿੰਗ: 1.25ਮ} q {font-style: ਇਟੈਲਿਕ; } ਆਵਰਤੀ, abbr {ਕਰਸਰ: ਮੱਦਦ; ਬਾਰਡਰ-ਥੱਲੇ: 1 ਪੈਕਸ ਡੈਸ਼; } ਛੋਟੇ {ਫੌਂਟ-ਆਕਾਰ: .85em; } ਵੱਡੇ {ਫੌਂਟ-ਅਕਾਰ: 1.2 ਐਮ; } / * ਲਿੰਕ ਅਤੇ ਚਿੱਤਰ * / a, a: ਲਿੰਕ, a: ਵਿਜਿਟ ਕੀਤਾ, ਇੱਕ: ਕਿਰਿਆਸ਼ੀਲ, ਇੱਕ: ਹੋਵਰ (ਪਾਠ-ਸਜਾਵਟ: ਹੇਠਾਂ ਰੇਖਾ; } img {ਸਰਹੱਦ: ਕੋਈ ਨਹੀਂ; } / * ਟੇਬਲਸ * / ਸਾਰਣੀ {ਮਾਰਜਿਨ: 0; ਪੈਡਿੰਗ: 0; ਬਾਰਡਰ: ਕੋਈ ਨਹੀਂ; } / * ਫਾਰਮ * / ਫਾਰਮ {ਮਾਰਜਿਨ: 0; ਪੈਡਿੰਗ: 0; ਡਿਸਪਲੇ: ਇਨਲਾਈਨ; } ਲੇਬਲ {ਕਰਸਰ: ਪੁਆਇੰਟਰ; } / * ਆਮ ਕਲਾਸਾਂ * /. ਸਾਫ਼ ਕਰੋ {ਸਾਫ਼: ਦੋਨੋ; } .floatLeft {ਫਲੋਟ: ਖੱਬੇ; } .floatRight {ਫਲੋਟ: ਸੱਜੇ; } .textLeft {text-align: left; } .textRight {text-align: ਸੱਜਾ; } .textCenter {text-align: center; } .textJustify {text-align: justify; } .blockCenter {display: block; ਹਾਸ਼ੀਏ ਤੋਂ ਖੱਬੇ: ਆਟੋ; ਹਾਸ਼ੀਆ-ਸੱਜਾ: ਆਟੋ; } / * ਚੌੜਾਈ ਨੂੰ ਸੈਟ ਕਰਨ ਲਈ ਯਾਦ ਰੱਖੋ * / .bold {font-weight: bold; } .italic {font-style: italic; } .ਸਥਾਪਨ ਕਰੋ {ਪਾਠ-ਸਜਾਵਟ: ਹੇਠਾਂ ਰੇਖਾ; }. ਨੋਿੰਡੈਂਟ {ਮਾਰਜਿਨ-ਖੱਬੇ: 0; ਪੈਡਿੰਗ-ਖੱਬੇ: 0; } .nomargin {ਹਾਸ਼ੀਆ: 0; } .ਨੌਪਡਿੰਗ {ਪੈਡਿੰਗ: 0; } .nobullet {list-style: none; list-style-image: ਕੋਈ ਨਹੀਂ; }

ਜੈਨੀਫਰ ਕ੍ਰਿਨਿਨ ਦੁਆਰਾ ਮੂਲ ਲੇਖ. 10/6/17 ਨੂੰ ਜੈਰੀਮੀ ਗਿਰਾਰਡ ਦੁਆਰਾ ਸੰਪਾਦਿਤ