CSS தேர்வுக்குழு வகுப்பிற்கும் ஐடிக்கும் என்ன வித்தியாசம்? HTML இல் ஐடி மற்றும் வகுப்பு பயன்பாடு

CSS தேர்வுக்குழு வகுப்பிற்கும் ஐடிக்கும் என்ன வித்தியாசம்? HTML இல் ஐடி மற்றும் வகுப்பு பயன்பாடு

சென் வெலியாங்தற்போது செயல்படுத்தப்படுகிறதுஎஸ்சிஓ, தளத்தை மேம்படுத்தவும்வேர்ட்பிரஸ்主题.

நான் இதற்கு முன்பு சில அடிப்படை HTML மற்றும் CSS அறிவைக் கற்றுக்கொண்டேன், ஆனால் நான் அதை சிறிது நேரம் இயக்கவில்லை, குறிப்பாக CSS பகுதி பயன்பாடு, அதை மறந்துவிடுவது எளிது.

எனவே, CSS தேர்வி ஐடி மற்றும் வகுப்பின் வேறுபாடு மற்றும் பயன்பாட்டை இங்கே பதிவுசெய்து சுருக்கவும்:

• ஐடி #div ஐ ஒத்துள்ளது
• வர்க்கம் .div ஐ ஒத்துள்ளது

ஐடிக்கும் வகுப்பிற்கும் உள்ள வித்தியாசம்

ஐடி விளக்கம்

• ஐடி என்பது ஒரு நிலையான குறிச்சொல், இது வலைப்பக்கத்தில் பெரிய பாணியை வரையறுக்கப் பயன்படுகிறது, இது #div வடிவத்தில் வரையறுக்கப்படுகிறது.
• எடுத்துக்காட்டாக: நெடுவரிசைகள், மேல், உடல், கீழ், முதலியவற்றைப் பிரித்தல்...
• ஒரு குறிப்பிட்ட உறுப்பை வரையறுக்கப் பயன்படுகிறது, இது ஒரு பக்கத்திற்கு ஒரு முறை மட்டுமே தோன்றும் மற்றும் மீண்டும் மீண்டும் அழைக்க முடியாது.

வகுப்பு விளக்கம்

• கிளாஸ் என்பது ஒரு பாணிக் குழுவாகும், இது வலைப்பக்கத்தில் உள்ள விரிவான பாணிகளை வரையறுக்கப் பயன்படுகிறது. இது .div வடிவத்தில் வரையறுக்கப்பட்டு மீண்டும் மீண்டும் செய்யப்படலாம்.
• எடுத்துக்காட்டாக: ஒரு குறிப்பிட்ட மெனு, உரையின் வரி போன்றவை...
• ஒரே பக்கத்தில், இது பல கூறுகளால் மீண்டும் மீண்டும் அழைக்கப்படலாம்

div தேர்விக்கு எந்த பண்புகளும் இல்லை, அதன் css ஐ வரையறுப்பதன் மூலம், div இன் அகலம், உயரம், பின்னணி நிறம் மற்றும் உரை அளவு போன்ற சில தளவமைப்புகளை இது கட்டுப்படுத்துகிறது.

பொதுமின் வணிகம்இணையதளம்,ஆநிரல் மூலம் உருவாக்கப்பட்ட html இணையப் பக்கம் CSS மூலம் பக்க அமைப்பை உணர வேண்டும்.

தேர்வாளர் என்றால் என்ன?

ஒவ்வொரு CSS பாணியின் வரையறையும் 2 பகுதிகளைக் கொண்டுள்ளது:

选择器 {样式}

• {} க்கு முன் உள்ள பகுதி "தேர்வு" ஆகும்.
• "செலக்டர்" என்பது அது செயல்படும் {} இன் "ஸ்டைலை" குறிக்கிறது.
• அதாவது, வலைப்பக்கத்தின் எந்த உறுப்புகளில் இந்த "பாணி" வேலை செய்கிறது?

குறியீடு உதாரணம்

ஒரு class="sidebar" உறுப்பைத் தேர்ந்தெடுத்து ஸ்டைல் ​​செய்வது எப்படி என்பது இங்கே:

.sidebar
{ 
background-color:black;
}

id="footer" மூலம் ஒரு உறுப்பைத் தேர்ந்தெடுத்து ஸ்டைல் ​​செய்வது எப்படி என்பது இங்கே:

#footer
{ 
background-color:black;
}