CSS ಸೆಲೆಕ್ಟರ್ ವರ್ಗ ಮತ್ತು ಐಡಿ ನಡುವಿನ ವ್ಯತ್ಯಾಸವೇನು? HTML ನಲ್ಲಿ ಐಡಿ ಮತ್ತು ವರ್ಗ ಬಳಕೆ

CSS ಸೆಲೆಕ್ಟರ್ ವರ್ಗ ಮತ್ತು ಐಡಿ ನಡುವಿನ ವ್ಯತ್ಯಾಸವೇನು? HTML ನಲ್ಲಿ ಐಡಿ ಮತ್ತು ವರ್ಗ ಬಳಕೆ

ಚೆನ್ ವೈಲಿಯಾಂಗ್ಪ್ರಸ್ತುತ ಕಾರ್ಯಗತಗೊಳಿಸಲಾಗುತ್ತಿದೆಎಸ್ಇಒ, ಸೈಟ್ ಅನ್ನು ಆಪ್ಟಿಮೈಜ್ ಮಾಡಿವರ್ಡ್ಪ್ರೆಸ್ಥೀಮ್.

ನಾನು ಮೊದಲು ಕೆಲವು ಮೂಲಭೂತ HTML ಮತ್ತು CSS ಜ್ಞಾನವನ್ನು ಕಲಿತಿದ್ದರೂ, ನಾನು ಅದನ್ನು ಸ್ವಲ್ಪ ಸಮಯದವರೆಗೆ ನಿರ್ವಹಿಸಲಿಲ್ಲ, ವಿಶೇಷವಾಗಿ CSS ಭಾಗ ಬಳಕೆ, ಅದನ್ನು ಮರೆತುಬಿಡುವುದು ಸುಲಭ.

ಆದ್ದರಿಂದ, CSS ಸೆಲೆಕ್ಟರ್ ಐಡಿ ಮತ್ತು ವರ್ಗದ ವ್ಯತ್ಯಾಸ ಮತ್ತು ಬಳಕೆಯನ್ನು ಇಲ್ಲಿ ದಾಖಲಿಸಿ ಮತ್ತು ಸಾರಾಂಶಗೊಳಿಸಿ:

• id #div ಗೆ ಅನುರೂಪವಾಗಿದೆ
• ವರ್ಗವು .div ಗೆ ಅನುರೂಪವಾಗಿದೆ

ಐಡಿ ಮತ್ತು ವರ್ಗದ ನಡುವಿನ ವ್ಯತ್ಯಾಸ

ಐಡಿ ವಿವರಣೆ

• ಐಡಿ ಒಂದು ಸ್ಥಿರ ಟ್ಯಾಗ್ ಆಗಿದೆ, ಇದನ್ನು ವೆಬ್ ಪುಟದಲ್ಲಿ ದೊಡ್ಡ ಶೈಲಿಯನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ, ಇದನ್ನು #div ರೂಪದಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ
• ಉದಾಹರಣೆಗೆ: ಕಾಲಮ್‌ಗಳನ್ನು ವಿಭಜಿಸುವುದು, ಮೇಲ್ಭಾಗ, ದೇಹ, ಕೆಳಭಾಗ, ಇತ್ಯಾದಿ...
• ನಿರ್ದಿಷ್ಟ ಅಂಶವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ, ಇದು ಪ್ರತಿ ಪುಟಕ್ಕೆ ಒಮ್ಮೆ ಮಾತ್ರ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ ಮತ್ತು ಪದೇ ಪದೇ ಕರೆಯಲಾಗುವುದಿಲ್ಲ.

ವರ್ಗ ವಿವರಣೆ

• ವರ್ಗವು ಒಂದು ಶೈಲಿಯ ಗುಂಪಾಗಿದೆ, ಇದನ್ನು ವೆಬ್ ಪುಟದಲ್ಲಿ ವಿವರವಾದ ಶೈಲಿಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ಇದನ್ನು .div ರೂಪದಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ ಮತ್ತು ಪುನರಾವರ್ತಿಸಬಹುದು.
• ಉದಾಹರಣೆಗೆ: ನಿರ್ದಿಷ್ಟ ಮೆನು, ಪಠ್ಯದ ಸಾಲು, ಇತ್ಯಾದಿ...
• ಒಂದೇ ಪುಟದಲ್ಲಿ, ಇದನ್ನು ಅನೇಕ ಅಂಶಗಳಿಂದ ಪದೇ ಪದೇ ಕರೆಯಬಹುದು

ಡಿವಿ ಸೆಲೆಕ್ಟರ್ ಸ್ವತಃ ಯಾವುದೇ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಹೊಂದಿಲ್ಲ. ಅದರ css ಅನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುವ ಮೂಲಕ, ಇದು DIV ನ ಅಗಲ, ಎತ್ತರ, ಹಿನ್ನೆಲೆ ಬಣ್ಣ ಮತ್ತು ಪಠ್ಯ ಗಾತ್ರದಂತಹ ಕೆಲವು ಲೇಔಟ್‌ಗಳನ್ನು ನಿಯಂತ್ರಿಸುತ್ತದೆ.

ಜನರಲ್ಇ-ಕಾಮರ್ಸ್ಜಾಲತಾಣ,ವೆಬ್‌ಸೈಟ್ ನಿರ್ಮಿಸಿಪ್ರೋಗ್ರಾಂನಿಂದ ರಚಿಸಲಾದ html ವೆಬ್ ಪುಟವು CSS ಮೂಲಕ ಪುಟ ವಿನ್ಯಾಸವನ್ನು ಅರಿತುಕೊಳ್ಳುವುದು.

ಸೆಲೆಕ್ಟರ್ ಎಂದರೇನು?

ಪ್ರತಿ CSS ಶೈಲಿಯ ವ್ಯಾಖ್ಯಾನವು 2 ಭಾಗಗಳನ್ನು ಒಳಗೊಂಡಿದೆ:

选择器 {样式}

• {} ಮೊದಲು ಭಾಗವು "ಸೆಲೆಕ್ಟರ್" ಆಗಿದೆ.
• "ಸೆಲೆಕ್ಟರ್" ಇದು ಕಾರ್ಯನಿರ್ವಹಿಸುವ {} ನ "ಶೈಲಿ" ಅನ್ನು ಸೂಚಿಸುತ್ತದೆ.
• ಅಂದರೆ, ವೆಬ್ ಪುಟದ ಯಾವ ಅಂಶದಲ್ಲಿ ಈ "ಶೈಲಿ" ಕೆಲಸ ಮಾಡುತ್ತದೆ?

ಕೋಡ್ ಉದಾಹರಣೆ

ವರ್ಗ = "ಸೈಡ್‌ಬಾರ್" ಅಂಶವನ್ನು ಆಯ್ಕೆ ಮಾಡುವುದು ಮತ್ತು ಶೈಲಿ ಮಾಡುವುದು ಹೇಗೆ ಎಂಬುದು ಇಲ್ಲಿದೆ:

.sidebar
{ 
background-color:black;
}

id="footer" ನೊಂದಿಗೆ ಎಲಿಮೆಂಟ್ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡುವುದು ಮತ್ತು ಶೈಲಿ ಮಾಡುವುದು ಹೇಗೆ ಎಂಬುದು ಇಲ್ಲಿದೆ:

#footer
{ 
background-color:black;
}