ಸಿಎಸ್ಎಸ್ ನಲ್ಲಿ ಅರ್ಥವೇನು?

! ಕ್ಯಾಸ್ಕೇಡ್ನಲ್ಲಿನ ಒಂದು ಬದಲಾವಣೆಗೆ ಮುಖ್ಯವಾದ ಶಕ್ತಿಗಳು

ಇತರ ಸೈಟ್ಗಳ ಮೂಲ ಸಂಕೇತಗಳು ನೋಡಲು ವೆಬ್ಸೈಟ್ಗಳನ್ನು ಹೇಗೆ ಕೋಡ್ ಮಾಡುವುದು ಎಂದು ತಿಳಿಯಲು ಉತ್ತಮ ಮಾರ್ಗಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ. ವೆಬ್ ವಿನ್ಯಾಸ ಶಿಕ್ಷಣ , ಪುಸ್ತಕಗಳು , ಮತ್ತು ಆನ್ಲೈನ್ ​​ತರಬೇತಿ ಸೈಟ್ಗಳಿಗೆ ಹಲವು ಆಯ್ಕೆಗಳಿವೆ ಮೊದಲು ಎಷ್ಟು ವೆಬ್ ವೃತ್ತಿಪರರು ತಮ್ಮ ಕಲಾಕೃತಿಗಳನ್ನು ಕಲಿತರು ಎಂಬುದು ಈ ಅಭ್ಯಾಸ.

ನೀವು ಈ ಅಭ್ಯಾಸವನ್ನು ಪ್ರಯತ್ನಿಸಿದರೆ ಮತ್ತು ಸೈಟ್ನ ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಹಾಳೆಗಳನ್ನು (CSS) ನೋಡಿದರೆ, ಆ ಕೋಡ್ನಲ್ಲಿ ನೀವು ನೋಡಬಹುದಾದ ಒಂದು ವಿಷಯವೆಂದರೆ ಅದು ಹೇಳುವ ಒಂದು ಸಾಲು!

ಇದರ ಅರ್ಥವೇನೆಂದರೆ ಮತ್ತು ಮುಖ್ಯವಾಗಿ, ನಿಮ್ಮ ಶೈಲಿಯ ಹಾಳೆಗಳಲ್ಲಿ ಆ ಘೋಷಣೆಯನ್ನು ಸರಿಯಾಗಿ ಹೇಗೆ ಬಳಸುತ್ತೀರಿ?

ದಿ ಕ್ಯಾಸ್ಕೇಡ್ ಆಫ್ ಸಿಎಸ್ಎಸ್

ಮೊದಲಿಗೆ, ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಹಾಳೆಗಳು ವಾಸ್ತವವಾಗಿ ಕ್ಯಾಸ್ಕೇಡ್ ಎಂದು ಅರ್ಥೈಸುವುದು ಮುಖ್ಯವಾಗಿದೆ, ಅಂದರೆ ಅವುಗಳನ್ನು ನಿರ್ದಿಷ್ಟ ಕ್ರಮದಲ್ಲಿ ಇರಿಸಲಾಗುತ್ತದೆ. ಸಾಮಾನ್ಯವಾಗಿ, ಇದರ ಅರ್ಥ ಶೈಲಿಗಳು ಅವುಗಳನ್ನು ಬ್ರೌಸರ್ನಿಂದ ಓದಿದ ಕ್ರಮದಲ್ಲಿ ಅನ್ವಯಿಸುತ್ತದೆ. ಮೊದಲ ಶೈಲಿಯನ್ನು ಅನ್ವಯಿಸಲಾಗಿದೆ ಮತ್ತು ನಂತರ ಎರಡನೆಯ ಮತ್ತು ಅದಕ್ಕಿಂತ ಹೆಚ್ಚಾಗಿ.

ಪರಿಣಾಮವಾಗಿ, ಶೈಲಿಯು ಹಾಳೆಯ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ ಮತ್ತು ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಕೆಳಭಾಗದಲ್ಲಿ ಬದಲಾಗಿದರೆ, ಆ ಶೈಲಿಯ ಎರಡನೆಯ ಉದಾಹರಣೆಯು ನಂತರದ ಸಂದರ್ಭಗಳಲ್ಲಿ ಅನ್ವಯಿಸಲ್ಪಡುತ್ತದೆ, ಮೊದಲನೆಯದು ಅಲ್ಲ. ಮೂಲಭೂತವಾಗಿ, ಎರಡು ಶೈಲಿಗಳು ಒಂದೇ ವಿಷಯವನ್ನು ಹೇಳಿದರೆ (ಅಂದರೆ ಅವರಿಗೆ ನಿರ್ದಿಷ್ಟತೆಯ ನಿರ್ದಿಷ್ಟ ಮಟ್ಟವಿದೆ), ಪಟ್ಟಿ ಮಾಡಿದ ಕೊನೆಯದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.

ಉದಾಹರಣೆಗೆ, ಕೆಳಗಿನ ಶೈಲಿಗಳು ಸ್ಟೈಲ್ ಹಾಳೆಯಲ್ಲಿ ಒಳಗೊಂಡಿವೆ ಎಂದು ಊಹಿಸಿಕೊಳ್ಳೋಣ. ಪ್ಯಾರಾಗ್ರಾಫ್ ಪಠ್ಯವನ್ನು ಕಪ್ಪು ಬಣ್ಣದಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ, ಅನ್ವಯಿಸಿದ ಮೊದಲ ಶೈಲಿಯ ಆಸ್ತಿ ಕೆಂಪು ಬಣ್ಣದ್ದಾಗಿರುತ್ತದೆ.

ಏಕೆಂದರೆ "ಕಪ್ಪು" ಮೌಲ್ಯವು ಎರಡನೆಯದನ್ನು ಪಟ್ಟಿಮಾಡಿದೆ. CSS ಅನ್ನು ಅಗ್ರದಿಂದ ಕೆಳಕ್ಕೆ ಓದಿದಾಗಿನಿಂದ, ಅಂತಿಮ ಶೈಲಿ "ಕಪ್ಪು" ಮತ್ತು ಆದ್ದರಿಂದ ಅದು ಗೆಲ್ಲುತ್ತದೆ.

ಪು {ಬಣ್ಣ: ಕೆಂಪು; }
ಪು {ಬಣ್ಣ: ಕಪ್ಪು; }

ಹೇಗೆ ಪ್ರಮುಖ! ಆದ್ಯತೆ ಬದಲಾಯಿಸುತ್ತದೆ

ಈಗ ಈ ಒಂದೇ ರೀತಿಯ ನಿಯಮಗಳನ್ನು ಹೇಗೆ ಸಿಎಸ್ಎಸ್ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ನೀವು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವಿರಿ, ಪ್ರಮುಖ ಡೈರೆಕ್ಟಿವ್ಗಳು ಸ್ವಲ್ಪ ಬದಲಾವಣೆಗಳನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸುತ್ತವೆ ಎಂಬುದನ್ನು ನಾವು ನೋಡಬಹುದಾಗಿದೆ.

! ಪ್ರಮುಖ ನಿರ್ದೇಶನವು ನಿಮ್ಮ ಸಿಎಸ್ಎಸ್ ಕ್ಯಾಸ್ಕೇಡ್ಗಳ ಮೇಲೆ ಪರಿಣಾಮ ಬೀರುತ್ತದೆ, ನೀವು ಭಾವಿಸುವ ನಿಯಮಗಳನ್ನು ಅನುಸರಿಸುವಾಗ ಮತ್ತು ಅದನ್ನು ಅನ್ವಯಿಸಬೇಕು. CSS ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಆ ನಿಯಮವು ಕಂಡುಬರುವಲ್ಲಿ ಯಾವುದೇ ಪ್ರಮುಖ ನಿರ್ದೇಶನವನ್ನು ಹೊಂದಿರುವ ನಿಯಮವು ಯಾವಾಗಲೂ ಅನ್ವಯಿಸುತ್ತದೆ.

ಮೇಲಿನ ಉದಾಹರಣೆಯಿಂದ ಪ್ಯಾರಾಗ್ರಾಫ್ ಪಠ್ಯವು ಯಾವಾಗಲೂ ಕೆಂಪು ಬಣ್ಣವನ್ನು ಮಾಡಲು, ನೀವು ಬಳಸುತ್ತೀರಿ:

ಪು {ಬಣ್ಣ: ಕೆಂಪು! ಮುಖ್ಯ; }
ಪು {ಬಣ್ಣ: ಕಪ್ಪು; }

ಈಗ "ಕಪ್ಪು" ಮೌಲ್ಯವನ್ನು ಎರಡನೆಯದಾಗಿ ಪಟ್ಟಿಮಾಡಲಾಗಿದೆಯಾದರೂ, ಎಲ್ಲಾ ಪಠ್ಯವು ಕೆಂಪು ಬಣ್ಣದಲ್ಲಿ ಗೋಚರಿಸುತ್ತದೆ. ! ಪ್ರಮುಖ ಡೈರೆಕ್ಟಿವ್ ಕ್ಯಾಸ್ಕೇಡ್ನ ಸಾಮಾನ್ಯ ನಿಯಮಗಳನ್ನು ಅತಿಕ್ರಮಿಸುತ್ತದೆ ಮತ್ತು ಅದು ಆ ಶೈಲಿಗೆ ಹೆಚ್ಚು ನಿರ್ದಿಷ್ಟವಾದ ನಿರ್ದಿಷ್ಟತೆಯನ್ನು ನೀಡುತ್ತದೆ.

ಪ್ಯಾರಾಗಳು ಕೆಂಪು ಬಣ್ಣದಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳಲು ನೀವು ಸಂಪೂರ್ಣವಾಗಿ ಅಗತ್ಯವಿದ್ದರೆ, ಈ ಶೈಲಿಯು ಇದನ್ನು ಮಾಡಲಿದೆ, ಆದರೆ ಇದು ಒಳ್ಳೆಯ ಅಭ್ಯಾಸ ಎಂದು ಅರ್ಥವಲ್ಲ. ನೀವು ಬಳಸಲು ಬಯಸಿದಾಗ ಅದು ಮುಖ್ಯವಾದದ್ದು ಮತ್ತು ಅದು ಸೂಕ್ತವಲ್ಲವಾದಾಗ ಮುಂದಿನ ನೋಟವನ್ನು ನೋಡೋಣ.

ಯಾವಾಗ ಬಳಸುವುದು ಮುಖ್ಯ!

ನೀವು ವೆಬ್ಸೈಟ್ ಅನ್ನು ಪರೀಕ್ಷಿಸುತ್ತಿರುವಾಗ ಮತ್ತು ಡೀಬಗ್ ಮಾಡುವ ಸಂದರ್ಭದಲ್ಲಿ ಪ್ರಮುಖ ಡೈರೆಕ್ಟಿವ್ ತುಂಬಾ ಸಹಾಯಕವಾಗುತ್ತದೆ. ಒಂದು ಶೈಲಿಯನ್ನು ಏಕೆ ಅನ್ವಯಿಸುವುದಿಲ್ಲ ಎಂದು ನಿಮಗೆ ಖಾತ್ರಿಯಿಲ್ಲದಿದ್ದರೆ ಮತ್ತು ಇದು ನಿರ್ದಿಷ್ಟವಾದ ಸಮಸ್ಯೆಯೆಂದು ನೀವು ಭಾವಿಸಿದರೆ, ಆ ಶೈಲಿಯನ್ನು ಪರಿಹರಿಸುತ್ತೀರಾ ಎಂದು ನೋಡಲು ನಿಮ್ಮ ಶೈಲಿಗೆ ಪ್ರಮುಖವಾದ ಘೋಷಣೆಯನ್ನು ನೀವು ಸೇರಿಸಬಹುದು.

ಸೇರಿಸುವಲ್ಲಿ ಪ್ರಮುಖವಾದದ್ದು ಶೈಲಿ ಶೈಲಿಯ ಸಮಸ್ಯೆಯನ್ನು ಸರಿಪಡಿಸುತ್ತದೆ, ನೀವು ನಿರ್ದಿಷ್ಟವಾದ ಸಮಸ್ಯೆ ಎಂದು ನಿರ್ಧರಿಸಿದ್ದೀರಿ. ಹೇಗಾದರೂ, ನೀವು ಅದನ್ನು ಬಿಡಲು ಬಯಸುವುದಿಲ್ಲ! ಸ್ಥಳದಲ್ಲಿ ಪ್ರಮುಖ ಕೋಡ್, ಪರೀಕ್ಷಾ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಮಾತ್ರ ಅಲ್ಲಿ ಇರಿಸಲಾಗಿತ್ತು.

ಪರೀಕ್ಷೆ ಮಾಡಿದ ನಂತರ, ನೀವು ಆ ಡೈರೆಕ್ಟಿವ್ ಅನ್ನು ತೆಗೆದುಹಾಕಿ ಮತ್ತು ನಿಮ್ಮ ಶೈಲಿಯನ್ನು ಕೆಲಸ ಮಾಡುವ ನಿಖರತೆಯನ್ನು ಸಾಧಿಸಲು ನಿಮ್ಮ ಸೆಲೆಕ್ಟರ್ ಅನ್ನು ಸರಿಹೊಂದಿಸಬೇಕು. ಮುಖ್ಯವಾದ ಕ್ಯಾಸ್ಕೇಡ್ ಅನ್ನು ಅದು ಹೇಗೆ ಬದಲಿಸುತ್ತದೆ ಎಂಬ ಕಾರಣದಿಂದಾಗಿ, ನಿಮ್ಮ ಉತ್ಪಾದನಾ ಸೈಟ್ಗಳಿಗೆ ಪ್ರಮುಖವಾದದ್ದು ಮಾಡಬಾರದು.

ನಿಮ್ಮ ಅಪೇಕ್ಷಿತ ಶೈಲಿಗಳನ್ನು ಸಾಧಿಸಲು ಪ್ರಮುಖ ಘೋಷಣೆಯ ಮೇಲೆ ನೀವು ಹೆಚ್ಚು ಒಲವು ತೋರಿದರೆ, ಅಂತಿಮವಾಗಿ ನೀವು ಶೈಲಿಯ ಶೈಲಿ ಹಾಳೆಯೊಂದಿಗೆ ಕಸವನ್ನು ಹೊಂದುತ್ತಾರೆ! ಪುಟದ ಸಿಎಸ್ಎಸ್ ಸಂಸ್ಕರಿಸಿದ ರೀತಿಯಲ್ಲಿ ನೀವು ಮೂಲಭೂತವಾಗಿ ಬದಲಾಗುತ್ತೀರಿ. ಇದು ದೀರ್ಘಕಾಲದ ನಿರ್ವಹಣಾ ದೃಷ್ಟಿಕೋನದಿಂದ ಉತ್ತಮವಾದುದಲ್ಲದೇ ಒಂದು ಸೋಮಾರಿಯಾದ ಅಭ್ಯಾಸವಾಗಿದೆ.

ಬಳಸಿ! ಪರೀಕ್ಷೆಗೆ ಮುಖ್ಯವಾದದ್ದು ಅಥವಾ, ಕೆಲವು ಸಂದರ್ಭಗಳಲ್ಲಿ, ನೀವು ಸಂಪೂರ್ಣವಾಗಿ ಥೀಮ್ ಅಥವಾ ಟೆಂಪ್ಲೇಟ್ ಫ್ರೇಮ್ವರ್ಕ್ನ ಭಾಗವಾಗಿರುವ ಇನ್ಲೈನ್ ​​ಶೈಲಿಯನ್ನು ಅತಿಕ್ರಮಿಸಬೇಕು.

ಆ ಸಂದರ್ಭಗಳಲ್ಲಿ, ಈ ಮಾರ್ಗವನ್ನು ಕಡಿಮೆ ಸಾಧ್ಯವಾದಷ್ಟು ಬಳಸಿ ಮತ್ತು ಬದಲಾಗಿ ಕ್ಯಾಸ್ಕೇಡ್ ಅನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವ ಶುದ್ಧ ಶೈಲಿಯ ಹಾಳೆಗಳನ್ನು ಬರೆಯಲು ಪ್ರಯತ್ನಿಸುತ್ತಾರೆ.

ಬಳಕೆದಾರ ಶೈಲಿ ಹಾಳೆಗಳು

ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಅತ್ಯಗತ್ಯವಾದ ಪ್ರಮುಖ ಡೈರೆಕ್ಟಿವ್ನಲ್ಲಿ ಅಂತಿಮ ಟಿಪ್ಪಣಿ ಇದೆ. ವೆಬ್ ಡೈರೆಕ್ಟರಿಯು ಸ್ಟೈಲ್ ಶೀಟ್ಗಳನ್ನು ನಿಭಾಯಿಸಲು ಸಹಾಯ ಮಾಡಲು ಈ ಡೈರೆಕ್ಟಿವ್ ಅನ್ನು ಇರಿಸಲಾಯಿತು, ಅದು ಪುಟಗಳನ್ನು ಬಳಸಲು ಅಥವಾ ಓದಲು ಅವರಿಗೆ ಕಷ್ಟವಾಗಿಸುತ್ತದೆ.

ವಿಶಿಷ್ಟವಾಗಿ, ಬಳಕೆದಾರರು ವೆಬ್ ಪುಟಗಳನ್ನು ವೀಕ್ಷಿಸಲು ಸ್ಟೈಲ್ ಹಾಳೆಯನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಿದರೆ , ಆ ಸ್ಟೈಲ್ ಹಾಳೆಯನ್ನು ವೆಬ್ ಪುಟ ಲೇಖಕರ ಶೈಲಿ ಹಾಳೆ ಮೂಲಕ ತಳ್ಳಿಹಾಕಲಾಗುತ್ತದೆ. ಬಳಕೆದಾರನು ಶೈಲಿಯನ್ನು ಪ್ರಮುಖವಾದುದು ಎಂದು ಗುರುತಿಸಿದರೆ, ಆ ಶೈಲಿಯು ವೆಬ್ ಪುಟ ಲೇಖಕರ ಶೈಲಿ ಹಾಳೆಗಳನ್ನು ಅತಿಕ್ರಮಿಸುತ್ತದೆ, ಲೇಖಕ ನಿಯಮದಂತೆ ನಿಯಮವನ್ನು ಸಹ ಸೂಚಿಸಿದರೂ.

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

ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ ಸಂಪಾದಿಸಿದ್ದಾರೆ