ਇੱਕ ਬੂੰਦ-ਡਾਊਨ ਮੇਨੂ CSS ਕਰਨ ਲਈ

ਹਦਾਇਤ

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

• ਸਾਨੂੰ ਸਾਡੇ ਮੇਨੂ ਦੇ ਖਾਕਾ ਬਣਾਉਣ. ਇਸ ਨੂੰ HTML ਕੋਡ ਲੇਬਲਿੰਗ ਕਰਨ ਲਈ,. ਇੱਕ ਅੰਦਰੂਨੀ ਸੂਚੀ ਨੂੰ ਬਣਾਓ: <ਉਲ>
• <ਉਲ>
• < / ਉਲ>. ਇਸ ਨੂੰ ਪਸੰਦ ਕੁਝ ਆਪਣੇ ਡਰਾਪ-ਡਾਊਨ ਮੇਨੂ ਵਰਗੇ ਦੇਖਣਾ ਚਾਹੀਦਾ ਹੈ. CSS ਬਾਅਦ ਵਿਚ ਦਖਲ ਦੇਣ. ਇਸ ਮਾਮਲੇ 'ਚ ਮੁੱਖ ਸੂਚੀ ਵਿੱਚ ਤਿੰਨ ਮੁੱਖ ਖੇਤਰ ਅਤੇ ਦੋ ਨੱਥੀ ਦੇ ਸ਼ਾਮਲ ਹਨ.
• ਸਬ-ਮੇਨੂ ਓਹਲੇ. ਇਸ ਲਈ ਸਾਨੂੰ ਸਟਾਇਲਸ਼ੀਟ ਨੂੰ ਵਰਤਣ ਲਈ, ਹੇਠ ਵਿਸ਼ੇਸ਼ਤਾ: ਉਲ ਉਲ {ਡਿਸਪਲੇਅ: ਕਿਸੇ ਨੂੰ ਨਾ ਚੁਣੋ;} ਇਹ ਸਕਰੀਨ ਦੂਜੀ ਸੂਚੀ ਦੇ ਤੱਤ ਨੂੰ ਹਟਾ ਦਿੱਤਾ ਜਾਵੇਗਾ.
• ਇੱਕ ਮੇਨੂ CSS ਬਣਾਓ, ਮੁੱਖ ਸੂਚੀ ਨੂੰ ਥੱਲੇ ਸੁੱਟਣ. ਕੈਸਕੇਡਿੰਗ ਸ਼ੈਲੀ ਸ਼ੀਟ ਹੇਠ ਰਾਜ ਨੂੰ ਲਿਖਣ ਦਾ: ਉਲ li: ਉਲ ਸਬੰਧ ਹੈ {ਡਿਸਪਲੇਅ: ਬਲਾਕ;}. ਇਸ ਇੰਦਰਾਜ਼ ਦਾ ਮਤਲਬ ਹੈ ਕਿ ਮਾਊਸ ਉੱਤੇ ਤੱਤ li ਹੈ, ਜੋ ਉਲ ਸੂਚੀ ਵਿੱਚ ਸਥਿਤ ਹੈ, ਸਕਰੀਨ ਉਲ 'ਤੇ ਪ੍ਰਗਟ ਹੁੰਦਾ ਹੈ (ਜੁੜੇ). ਪਹਿਲੀ ਨਜ਼ਰ 'ਤੇ, ਅਜਿਹੇ ਇੱਕ ਸਕੀਮ ਗੁੰਝਲਦਾਰ ਹੈ ਅਤੇ ਉਲਝਣ ਲੱਗੇ. ਪਰ ਅਸਲ 'ਚ, ਸਭ ਕੁਝ ਬਹੁਤ ਹੀ ਸਧਾਰਨ ਹੈ.
• ਟੈਗ
• ਤੁਹਾਡੇ ਸਮੱਗਰੀ ਨੂੰ ਸ਼ਾਮਿਲ ਕਰਕੇ ਇਸ ਦਾ ਆਪਣੇ ਆਪ ਨੂੰ ਵਰਤੋ. ਤੁਹਾਨੂੰ ਸੂਚੀ ਇਕਾਈ ਦੀ ਗਿਣਤੀ ਨੂੰ ਤਬਦੀਲ ਕਰ ਸਕਦੇ ਹੋ.

ਸਜਾਵਟੀ ਬਦਲਾਅ

ਜਦ ਹੀ ਮੁੱਖ ਮੇਨੂ ਖਾਕਾ ਤਿਆਰ ਹੈ, ਤੁਹਾਨੂੰ ਰਜਿਸਟਰੇਸ਼ਨ ਕਰਨ ਲਈ ਜਾਰੀ ਕਰ ਸਕਦਾ ਹੈ. ਸ਼ਾਇਦ, ਪਹਿਲੀ ਜਗ੍ਹਾ ਤਿਆਰ ਵਿੱਚ ਬਹੁਤ ਸਾਰੇ ਸੂਚੀ ਆਈਟਮ ਦਾ ਸੰਕੇਤ ਨਿਸ਼ਾਨ ਦੇ ਛੁਟਕਾਰੇ ਲਈ. ਇਹ ਇੱਕ ਇੱਕਲੇ ਸੰਪਤੀ CSS, ਅਰਥਾਤ ਸੂਚੀ ਵਿੱਚ-ਸ਼ੈਲੀ-ਕਿਸਮ ਵਰਤ ਕੀਤਾ ਗਿਆ ਹੈ. li {ਸੂਚੀ ਵਿੱਚ-ਸ਼ੈਲੀ-ਕਿਸਮ:: ਕਿਸੇ ਨੂੰ ਨਾ ਚੁਣੋ;} ਤੁਹਾਨੂੰ ਹੇਠ ਇੰਦਰਾਜ਼ ਨੂੰ ਸ਼ਾਮਿਲ ਕਰਨ ਦੀ ਲੋੜ ਹੈ. ਫਿਰ ਤੁਹਾਨੂੰ ਫਰੇਮ ਪਾਓ ਅਤੇ ਕਰ ਸਕਦੇ ਹੋ ਪਿਛੋਕੜ ਦੀ. ਸਰਹੱਦ ਅਤੇ ਪਿਛੋਕੜ ਨੂੰ ਇਸ ਦੇ ਨਾਲ ਤੁਹਾਨੂੰ ਮਦਦ ਕਰਦੇ ਹਨ. ਸ਼ਾਇਦ ਕੁਝ ਲਟਕਵ ਸੂਚੀ ਇੱਕ ਵਾਧੂ ਸੂਚੀ ਵੇਖਾਈ ਦੇਵੇਗਾ, ਉਸੇ ਬੁਨਿਆਦੀ ਤੱਤ 'ਤੇ ਧੱਕਣ ਨੂੰ ਪਸੰਦ ਨਾ ਕਰੇਗਾ. ਇਸ ਨੂੰ ਠੀਕ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਇਸ ਦੀ ਸਥਿਤੀ ਦੇ ਸਕਦੇ ਹੋ. ਇਹ ਕਰਨ ਲਈ, ਕੈਸਕੇਡਿੰਗ ਸ਼ੈਲੀ ਸ਼ੀਟ ਨੂੰ ਲਿਖਣ ਹੇਠ ਇੰਦਰਾਜ਼: ਉਲ ਉਲ {ਸਥਿਤੀ: ਪੂਰਾ; ਖੱਬੇ: 15px; ਸੱਜੇ: 15px; ਚੋਟੀ ਦੇ: 15px; ਥੱਲੇ: 15px;}. ਇਹ ਸੱਚ ਹੈ, ਮੁੱਲ ਤੁਹਾਡੇ ਲਈ ਆਪਣੇ ਆਪ ਨੂੰ ਇਸਤੇਮਾਲ ਕਰੇਗਾ. ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਡਰਾਪ-ਡਾਊਨ ਮੇਨੂ ਵੇਖਣ ਲਈ ਚਾਹੁੰਦੇ ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ, CSS ਕਈ ਹੋਰ ਫੀਚਰ ਹੈ, ਜੋ ਕਿ ਵੱਖ-ਵੱਖ ਪ੍ਰਭਾਵ ਸ਼ਾਮਿਲ ਹੈ ਅਤੇ ਸਾਡੀ ਸੂਚੀ ਨੂੰ ਸਜਾਉਣ ਕਰ ਸਕਦੇ ਪੇਸ਼ਕਸ਼ ਕਰੇਗਾ.

ਸਿੱਟਾ

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