ஒரு துளி கீழே CSS ஐ மெனுக்கள் எப்படி

அறிவுறுத்தல்

முதலாவதாக, ஒரு துளி-down மெனுவில் என்ன புரிந்து கொள்வோம். இந்த வரையறைக்குள் உட்பட்டிருப்பதை வெவ்வேறு அமைப்பு கட்டும் பல்வேறு முறைகள் நிறைய பெறுகிறார். இந்த வழக்கில், நாம் பல தொடர்ந்து தெரிந்த உருப்படிகள் மற்றும் பல்வேறு கூடுதல் (மறைக்கப்பட்டது) கொண்ட அமைப்பு ஆய்வு செய்யும். கோட்பாடுடனும் இது முடிக்க மற்றும் பயிற்சி ஆரம்பிக்கலாம்.

• நாங்கள் எங்கள் மெனுவில் அமைப்பை உருவாக்க. இந்த HTML குறியீடு பெயரிடல் செய்ய,. ஒரு உள்ளமை பட்டியலை உருவாக்கு: <உல்> <உல்> < / உல்>. இந்த மாதிரி ஏதாவது உங்கள் கீழ்தோன்றும் மெனுவில் போன்று இருக்க வேண்டும். CSS ஐ பின்னர் தலையிடுவதற்கு. இந்த வழக்கில் முக்கிய பட்டியலில் மூன்று முக்கிய பகுதிகள் மற்றும் இரண்டு மூடப்பட்ட கொண்டுள்ளது.
• துணை மெனுவை மறை. இந்த நாம் ஒரு நடைதாளுடன் பயன்படுத்த, பின்வரும் பண்புகள் வரையறுக்க: உல் உல் {காட்சி: யாரும்;} இந்த திரையில் இருந்து இரண்டாவது பட்டியலின் தனிமங்களை நீக்கும்.
• ஒரு மெனு CSS உருவாக்கவும் முக்கிய பட்டியலில் இருந்து ட்ராப். அருவியாகக் பாணி தாள்கள் பின்வரும் விதிமுறையுடன் எழுத: உல் li: உல் படல் {காட்சி: தொகுதி;}. இந்த நுழைவு சுட்டி மீது உல் பட்டியலில் அமைந்துள்ள உறுப்பு லி, திரை உல் தோன்றும் போது என்று (இணைக்கப்பட்டது) என்பதாகும். முதல் பார்வையில், இது போன்ற ஒரு திட்டம் சிக்கலான மற்றும் குழப்பத்தை உண்டாக்கலாம். ஆனால் உண்மையில், எல்லாம் மிகவும் எளிது.
• குறிச்சொற்களை
• உள்ளடக்கத்தை சேர்த்துக்கொள்வதன் மூலம் இந்த அமைப்பை உங்களை பயன்படுத்தவும். நீங்கள் பட்டியலில் கூறுகள் எண்ணிக்கை மாற்ற முடியும்.

அலங்கார மாற்றங்கள்

விரைவில் முக்கிய மெனுவில் அமைப்பை தயாராக இருக்கும் வரையில், பதிவு தொடர முடியும். ஒருவேளை, தயாராக முதல் இடத்தில் பல பட்டியல் உருப்படி குறிக்கும் மார்க்கர்களில் பெற. இதனால் ஒற்றை சொத்து CSS ஐ, அதாவது பட்டியலில் பாணி வகை பயன்படுத்தி செய்யப்படுகிறது. லி {பட்டியலில் பாணி வகை: யாரும்;} நீங்கள் பின்வரும் நுழைவு சேர்க்க வேண்டும். பிறகு நீங்கள் சட்ட நுழைக்க மற்றும் செய்ய முடியும் பின்னணி. எல்லை மற்றும் பின்னணி இந்த உங்களுக்கு உதவ. ஒருவேளை சில கீழ் விரி மெனுவில் அதே அடிப்படை கூறுகள் தள்ளி, ஒரு கூடுதல் பட்டியலாக தோன்றும் பிடிக்காது. இதனை சரிசெய்ய, நீங்கள் அதை நிலைப்படுத்த முடியும். இதை செய்ய, அருவியாகக் பாணி தாள்கள் பின்வரும் நுழைவு எழுத: உல் உல் {நிலை: முழுமையான; இடது: 15px; வலது: 15px; மேல்: 15px; கீழே: 15px;}. நிச்சயமாக, மதிப்புகள் நீங்கள் உங்கள் சொந்த பயன்படுத்தும். நீங்கள் drop-down மெனுவில் பார்க்க வேண்டும் எங்கே பொறுத்து, CSS ஐ பல்வேறு விளைவுகளை சேர்க்க மற்றும் எங்கள் பட்டியல்கள் அலங்கரிக்க முடியும் என்று இன்னும் பல அம்சங்கள் வழங்கும்.

முடிவுக்கு

மீண்டும் அது மெனு அமைப்பை கட்டுமான குறிப்பிடத் தகுந்தது. உல் உல் எடுத்துக்காட்டாக, இந்த வழக்கு பதிக்கப்பட்ட மதிப்பு பயன்படுத்தப்படும் CSS விதிகள் ஒதுக்க,. நீங்கள் வேறு வடிவமைப்பை ஒத்த சந்திக்க ஆவணத்தில் இருந்தால், பெரிய பிரச்சினைகள் இருக்கலாம். இது போன்ற சூழ்நிலைகளில், நீங்கள் உதாரணமாக, தேர்வாளர்கள் அல்லது ஐடி-ID க்கள், ஒரு குறிப்பிட்ட நோக்கத்திற்காக பயன்படுத்த வேண்டும். மேற்கண்ட கட்டுரை அமைப்பை கீழ்தோன்றும் மெனுவில் பொது வடிவமைப்பு தெரிந்துகொள்ள வடிவமைக்கப்பட்டுள்ளது. வேலை மீதமுள்ள உங்கள் தோள்களில் விழுகிறது.