ಸಿಎಸ್ಎಸ್-ಆಯ್ಕೆ, ಮತ್ತು ಫಾರ್ಮ್ಯಾಟಿಂಗ್ HTML ಡಾಕ್ಯುಮೆಂಟ್ ತನ್ನ ಪಾತ್ರವನ್ನು

ಒಂದು ವೆಬ್ಸೈಟ್ ರಚಿಸುವುದು ಮತ್ತು ವೆಬ್ ಪುಟದ ಕೆಲವು ಅಂಶಗಳನ್ನು ಇದನ್ನು ತುಂಬಿಸಿ, ಎಲ್ಲರೂ ಸಿಎಸ್ಎಸ್-ಸೆಲೆಕ್ಟರ್ ಒಂದು ಪದವನ್ನು ಎದುರಿಸಬೇಕಾಗುತ್ತದೆ. ಇದು ಹೆಚ್ಚು ನಿಖರವಾಗಿ ತಮ್ಮ ವಿನ್ಯಾಸ ಮತ್ತು ಪುಟದಲ್ಲಿ ಸ್ಥಳ ಎಚ್ಟಿಎಂಎಲ್-ಫೈಲ್ ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ನಿರ್ಧರಿಸಲು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. ಬಣ್ಣ, ಗಾತ್ರ, ಸ್ಥಳ ಮತ್ತು ಇತರ: ಇದನ್ನು ಮಾಡಲು, ಕೆಲವು ಆಯ್ಕೆ ಮತ್ತು ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಆಯ್ಕೆಗಳನ್ನು ಔಟ್ ವಿವರಿಸುತ್ತದೆ ಒಂದು ಸಿಎಸ್ಎಸ್ ಡಾಕ್ಯುಮೆಂಟ್ ರಚಿಸಿ. ಪ್ರತಿ ವೆಬ್ ಡಿಸೈನರ್ ತಿಳಿದಿರುವ ಮತ್ತು ಸರಿಯಾಗಿ ಅಪೇಕ್ಷಿತ ಆಯ್ಕೆ ಪ್ರವೇಶಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ. ಅವರು ನಾವು ಕೆಳಗೆ ಚರ್ಚಿಸಲು ಇದು ಮುಖ್ಯ ರೀತಿಯ ವಿಂಗಡಿಸಲಾಗಿದೆ.

ಸಿಎಸ್ಎಸ್ ನಲ್ಲಿ ಆಯ್ಕೆ ರೀತಿಯ

ಇದು ಅಂಶ ಎಚ್ಟಿಎಮ್ಎಲ್ ಫಾರ್ಮ್ಯಾಟ್ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ ಅವಲಂಬಿಸಿ, ಸಿಎಸ್ಎಸ್-ಸೆಲೆಕ್ಟರ್ ಕೆಳಗಿನ ಗುಂಪುಗಳಲ್ಲಿ ಒಂದು ಸಂಬಂಧಿಸಿರಬಹುದೆಂಬ:

• ಟ್ಯಾಗ್ ಆಯ್ಕೆ;
• ವರ್ಗ ಆಯ್ಕೆ;
• ಐಡಿ-ಆಯ್ಕೆ;
• ಆಯ್ಕೆ ಗುಣಲಕ್ಷಣ.

ಟ್ಯಾಗ್ ಆಯ್ಕೆ

ಇದು "ರೀತಿಯ ಆಯ್ಕೆ" ಅಥವಾ "ಅಂಶ" ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ, ಇದು ಅತ್ಯಂತ ಸರಳ ಮತ್ತು ಸಾಮಾನ್ಯ. ತನ್ನ ಸಿಎಸ್ಎಸ್-ಡಾಕ್ಯುಮೆಂಟ್ ನಾವು ವಿವರಿಸುವ HTML ಫೈಲ್ ಅಂಶಗಳನ್ನು ಹೆಸರುಗಳು. ಉದಾಹರಣೆಗೆ, ನಾವು ಪ್ಯಾರಾಗ್ರಾಫ್ ಶೈಲಿ ಹೊಂದಿಸಲು ಅಗತ್ಯವಿದ್ದರೆ, ನಾವು ಗುಣಗಳನ್ನು ಮತ್ತು p ಅಂಶವನ್ನು {ಹಿನ್ನೆಲೆ ತಮ್ಮ ಮೌಲ್ಯಗಳನ್ನು ಸೂಚಿಸಿ: x; ಬಣ್ಣ: ವೈ; ಗಾತ್ರ: z}. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ವೆಬ್ ಪುಟ ಎಲ್ಲಾ ಪ್ಯಾರಾಗಳು ಇದೇ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿರುತ್ತದೆ (ಹಿನ್ನೆಲೆ ಬಣ್ಣ, ಪಠ್ಯ ಗಾತ್ರ, ಹೀಗೆ. ಡಿ).

ವರ್ಗ ಆಯ್ಕೆ

ಮತ್ತು ನಿಮ್ಮ ಪ್ರತಿ ಪ್ಯಾರಾಗ್ರಾಫ್ ಇತರ ಶೈಲಿಗಳನ್ನು ಭಿನ್ನವಾಗಿದೆ ನೀವು ಏನು ಕೇಳಲು? ಇದನ್ನು ಮಾಡಲು, ಒಂದು ವರ್ಗ ಆಯ್ಕೆ ಇಲ್ಲ.

p.first {color: ಈ ಸಂದರ್ಭದಲ್ಲಿ ಸಿಎಸ್ಎಸ್-ಡಾಕ್ಯುಮೆಂಟ್ ಕೆಳಕಂಡ ಸ್ವರೂಪದ ಒಂದು ನಮೂದನ್ನು ಹೊಂದಿರಬೇಕು X; ಫಾಂಟ್ ಗಾತ್ರದ: ವೈ}. ಹೀಗಾಗಿ, ನಾವು "ಬಣ್ಣ" ಮತ್ತು ಕೇವಲ ಪ್ರಥಮ ದರ್ಜೆ ಪ್ಯಾರಾಗ್ರಾಫ್ "ಗಾತ್ರ" ಗುಣಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು.

ಈ ಸಂದರ್ಭದಲ್ಲಿ ಒಂದು HTML ಡಾಕ್ಯುಮೆಂಟ್ ಮೊದಲ ಶೈಲಿಯ ಹೆಸರು ಒಂದು ವರ್ಗ ಗುಣಲಕ್ಷಣ ಪ್ರವೇಶಿಸಿತು. ತರಗತಿಗಳು ನೀವು ಒಂದು ವೆಬ್ ಪುಟ ಅಂಶಗಳನ್ನು ಅರ್ಜಿ ಬಯಸುವ ಶೈಲಿ ಅಷ್ಟು ಮಾಡಬಹುದು.

ಸೆಲೆಕ್ಟರ್ ಐಡಿ

ಸಾಮಾನ್ಯವಾಗಿ ಈ ಶೈಲಿಗಳು ಪುಟ ಯಾವುದೇ ಒಂದು ಸಂಗತಿಯನ್ನು ಉದಾಹರಣೆಗೆ, ಹೆಚ್ಚು ನಿಖರವಾಗಿ ವ್ಯಾಖ್ಯಾನಿಸಲು, ಅಥವಾ ಅವುಗಳನ್ನು ಮಾದರಿಯನ್ನು ಅಗತ್ಯವಿದೆ. ಈ ಪರಿಸ್ಥಿತಿಯಲ್ಲಿ, ನೆರವು ಐಡಿ-ಆಯ್ಕೆ ಬರುತ್ತದೆ. HTML ಫೈಲ್ ಇತರರ ಇದು ಗುರುತಿಸಬಲ್ಲ ಒಂದು ಬಯಸಿದ ಐಟಂ ಹೆಸರನ್ನು. ಉದಾಹರಣೆಗೆ, ನಾವು ಇತರ ಶೈಲಿಯಿಂದ ವಿವಿಧ ಹೊಂದಿಸಲು ಬಯಸುವ ಅಂಶಗಳು ಲೇಖನ ಶೀರ್ಷಿಕೆ ಇರುತ್ತದೆ.

ನಂತರ ಒಂದು HTML ಡಾಕ್ಯುಮೆಂಟ್ ರಲ್ಲಿ ಹೆಡರ್ H1 ಗುರುತು, ಇಂತಹ articlename ನೇಮಿಸಿದ್ದರು. #articlename {ಬಣ್ಣ:: ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಕಡತದಲ್ಲಿ, ಐಡಿ ಹೆಸರನ್ನು ಗ್ರಿಲ್ ಸೇರಿಸುವ ಶೈಲಿಯನ್ನು ಸೂಚಿಸಿ ನೀಲಿ; ಪಠ್ಯ-ಕೇಂದ್ರ:}. ಈಗ ನಮ್ಮ ಶಿರೋನಾಮೆಯನ್ನು ಬಣ್ಣದ ನೀಲಿ ಮತ್ತು ಕೇಂದ್ರಿತ ಹೊಂದಿರುತ್ತದೆ.

ಮೇಲೆ ರೀತಿಯ ಪ್ರತಿ "ಸರಳ ಸಿಎಸ್ಎಸ್-ಸೆಲೆಕ್ಟರ್" ಎಂದು ವಿವರಿಸಬಹುದು. ಅವರು HTML ಡಾಕ್ಯುಮೆಂಟ್ ಒಂದು ನಿರ್ದಿಷ್ಟ ಮಾನದ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ವ್ಯಾಖ್ಯಾನಿಸಲು: ಒಟ್ಟಿಗೆ ಇದೇ ಅಂಶಗಳನ್ನು (ಉದಾ, ಎಲ್ಲಾ ಲೇಖನದ ಪ್ಯಾರಾಗಳು), ಒಂದು ವರ್ಗ (ಉದಾಹರಣೆಗೆ, ಮೊದಲ ಪ್ಯಾರಾಗ್ರಾಫ್) ಅಥವಾ ನಿರ್ದಿಷ್ಟ ಐಟಂ (ಉದಾಹರಣೆಗೆ, ಲೇಖನ ಶೀರ್ಷಿಕೆ).

ಆಯ್ಕೆ ಗುಣಲಕ್ಷಣ

ಅಪ್ಲಿಕೇಶನ್ ಶೈಲಿಗಳ ಸಂಕೀರ್ಣವಾದ ವಿಧಾನ - ಮೇಲಿನ ಜೊತೆಗೆ, ಒಂದು ಸಿಎಸ್ಎಸ್-ಆಯ್ಕೆ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಹೊಂದಿದೆ. ಇದು ಆಯ್ಕೆ ಗುಣಲಕ್ಷಣ ಅಥವಾ ಮೌಲ್ಯವನ್ನು HTML ರೂಪದಲ್ಲಿ ಅಂಶಗಳನ್ನು ಅನುಮತಿಸುತ್ತದೆ. ಈ ಆಯ್ಕೆ ಹಲವಾರು ಇವೆ:

• ಗುಣಲಕ್ಷಣ ಉಪಸ್ಥಿತಿಯಿಂದ;
• ಅದರ ನಿರ್ದಿಷ್ಟ ಮಾನವು ನಲ್ಲಿ;
• ಆಂಶಿಕ ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯ;
• ಅದರ ನಿರ್ದಿಷ್ಟ ಮೌಲ್ಯವನ್ನು.

ನಮಗೆ ಈ ತಳಿಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದೂ ಪರಿಗಣಿಸೋಣ:

1. ಮೊದಲ ಪ್ರಕರಣದಲ್ಲಿ. ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ನಿರ್ದಿಷ್ಟ ಗುಣಲಕ್ಷಣ HTML ಕೋಡ್ ಇರುತ್ತವೆ ವೇಳೆ (ಇದು ಪು, DIV, ಹೆಡರ್, ಇತ್ಯಾದಿ ಇರಬಹುದು), ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ. ಹಾಗಲ್ಲದಿದ್ದರೆ, ಇದು ಶೈಲಿ ಎಲ್ಲಾ ಘಟಕಗಳಿಗೆ ಒಂದು ವಿಶಿಷ್ಟ ಬಳಸುತ್ತದೆ. ಉದಾಹರಣೆಗಾಗಿ, ಶೀರ್ಷಿಕೆ ಹೊಂದಿರುವ ಅಂಶಗಳಿಗಾಗಿ (ಟೂಲ್ ಟಿಪ್).
2. ಎರಡನೇ ಸಂದರ್ಭದಲ್ಲಿ. ಶೈಲಿಯು ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯಗಳ ನಿಖರ ಹೋಲಿಕೆಯಾಗಿದೆ ಹೊಂದಿರುವ HTML-ಅಂಶಗಳನ್ನು ಅನ್ವಯಿಸುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ಇನ್ಪುಟ್ ಅಂಶಗಳನ್ನು ರೀತಿಯ ಲಕ್ಷಣದ ಮೌಲ್ಯವನ್ನು ಸಲ್ಲಿಸಲು ಸಮನಾದಾಗ ಗೆ.
3. ಮೂರನೇ ಕೇಸ್. ಫಾರ್ಮ್ಯಾಟ್ನಡಿಯಲ್ಲಿ ಕೇವಲ ಒಂದು ನಿರ್ದಿಷ್ಟ ಪದ ಹೊಂದಿದೆ ಮೌಲ್ಯಗಳ ಪಟ್ಟಿಯಲ್ಲಿ ಐಟಂಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ಅಂಶಗಳನ್ನು DIV ಫಾರ್ ಪಾರ್ಶ್ವಪಟ್ಟಿ ಗುಣಲಕ್ಷಣ "ವರ್ಗ".
4. ನಾಲ್ಕನೇ ಕೇಸ್. ಶೈಲಿ ಮಾತ್ರ ಅವರ ನಿರ್ದಿಷ್ಟ ಗುಣಲಕ್ಷಣ ಒಂದು ನಿರ್ದಿಷ್ಟ ಮೌಲ್ಯವನ್ನು ಹೊಂದಿದೆ HTML ಡಾಕ್ಯುಮೆಂಟ್, ಆ ಅಂಶಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲ್ಪಟ್ಟ ಮತ್ತು ಅವನನ್ನು ಆರಂಭವಾಗುತ್ತದೆ ಇದೆ. ಉದಾಹರಣೆಗೆ, ನಿರ್ದಿಷ್ಟ ಬಣ್ಣಗಳ ಬಳಕೆಯ ಎಲ್ಲಾ ಅಂಶಗಳಿಗೆ ಇಂಗ್ಲೀಷ್ ಭಾಷೆಯಲ್ಲಿರುವ ಗುಣಲಕ್ಷಣ (ಎನ್, ಎನ್-ರುಸ್, ಎನ್-ಔ ಮತ್ತು ಟಿ. ಡಿ ಕೂಡಿರಬಹುದು).

ಹೀಗಾಗಿ, ಒಂದು ಅಥವಾ ಇತರ, ಸಿಎಸ್ಎಸ್ ಆಯ್ಕೆ ಬಳಸಿ, ಅತ್ಯುತ್ತಮ ಒಂದು ಸಂಪೂರ್ಣ ವೆಬ್ ಪುಟ ಎಂದು ಸೂಚಿಸಬಹುದು, ಮತ್ತು ಅದರ ಕೆಲವು ಅಂಶಗಳನ್ನು ವಿವರಿಸಲು.