ಸಿಎಸ್ಎಸ್, ಅಥವಾ ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್, ಒಂದು ಪುಟಕ್ಕೆ ದೃಶ್ಯ ನೋಟವನ್ನು ಅನ್ವಯಿಸಲು ಆಧುನಿಕ ವೆಬ್ಸೈಟ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಬಳಸಲ್ಪಡುತ್ತವೆ. ಎಚ್ಟಿಎಮ್ಎಲ್ ಪುಟದ ರಚನೆಯನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನಡವಳಿಕೆಯನ್ನು ನಿಭಾಯಿಸಬಹುದು, ವೆಬ್ಸೈಟ್ನ ನೋಟ ಮತ್ತು ಭಾವನೆಯನ್ನು ಸಿಎಸ್ಎಸ್ ನ ಕ್ಷೇತ್ರವಾಗಿದೆ. ಈ ಶೈಲಿಗಳಿಗೆ ಅದು ಬಂದಾಗ, ಅವುಗಳನ್ನು ಹೆಚ್ಚಾಗಿ ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಹಾಳೆಗಳ ಮೂಲಕ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ, ಆದರೆ ನೀವು "ಇನ್ಲೈನ್ ಶೈಲಿಗಳು" ಎಂದು ಕರೆಯುವ ಮೂಲಕ ಒಂದೇ ನಿರ್ದಿಷ್ಟವಾದ ಅಂಶಕ್ಕೆ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗಳನ್ನು ಸಹ ಅನ್ವಯಿಸಬಹುದು.
ಇನ್ಲೈನ್ ಶೈಲಿಗಳು ಸಿಎಸ್ಎಸ್ ನ ಶೈಲಿಗಳಾಗಿವೆ, ಅದನ್ನು ಪುಟದ HTML ನಲ್ಲಿ ನೇರವಾಗಿ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ. ಈ ವಿಧಾನಕ್ಕೆ ಎರಡೂ ಪ್ರಯೋಜನಗಳು ಮತ್ತು ಅನನುಕೂಲಗಳು ಇವೆ. ಮೊದಲಿಗೆ, ಈ ಶೈಲಿಗಳು ಹೇಗೆ ಬರೆಯಲಾಗಿದೆ ಎಂಬುದನ್ನು ನೋಡೋಣ.
ಇನ್ಲೈನ್ ಶೈಲಿ ಬರೆಯುವುದು ಹೇಗೆ
ಇನ್ಲೈನ್ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಯನ್ನು ರಚಿಸಲು, ಸ್ಟೈಲ್ ಹಾಳೆಯಲ್ಲಿ ನೀವು ಹೇಗೆ ಹೊಂದಬೇಕೆಂಬುದನ್ನು ಹೋಲುವಂತೆ ನಿಮ್ಮ ಶೈಲಿ ಆಸ್ತಿ ಬರೆಯುವುದರ ಮೂಲಕ ನೀವು ಪ್ರಾರಂಭಿಸಬಹುದು, ಆದರೆ ಇದು ಎಲ್ಲಾ ಒಂದೇ ಸಾಲಿನ ಅಗತ್ಯವಿದೆ. ಸ್ಟೈಲ್ ಹಾಳೆಯಲ್ಲಿ ನೀವು ಬಯಸುವಂತೆ ಅಲ್ಪ ವಿರಾಮ ಚಿಹ್ನೆಯೊಂದಿಗೆ ಬಹು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಪ್ರತ್ಯೇಕಿಸಿ.
ಹಿನ್ನೆಲೆ: #ccc; ಬಣ್ಣ: #fff; ಗಡಿ: ಘನ ಕಪ್ಪು 1 px;
ನೀವು ವಿನ್ಯಾಸಗೊಳಿಸಬೇಕೆಂದಿರುವ ಅಂಶದ ಶೈಲಿ ಗುಣಲಕ್ಷಣದೊಳಗೆ ಶೈಲಿಗಳ ರೇಖೆಯನ್ನು ಇರಿಸಿ. ಉದಾಹರಣೆಗೆ, ನೀವು ಈ ಶೈಲಿಯನ್ನು ನಿಮ್ಮ HTML ನಲ್ಲಿ ಪ್ಯಾರಾಗ್ರಾಫ್ಗೆ ಅನ್ವಯಿಸಲು ಬಯಸಿದರೆ, ಆ ಅಂಶವು ಹೀಗೆ ಕಾಣುತ್ತದೆ:
ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ಈ ನಿರ್ದಿಷ್ಟ ಪ್ಯಾರಾಗ್ರಾಫ್ ಬೆಳಕು ಬೂದು ಹಿನ್ನೆಲೆ (ಅದು #ccc ನಿರೂಪಿಸುವದು), ಕಪ್ಪು ಪಠ್ಯ (# 000 ಬಣ್ಣದಿಂದ) ಮತ್ತು ಪ್ಯಾರಾಗ್ರಾಫ್ನ ಎಲ್ಲಾ ನಾಲ್ಕು ಕಡೆಗಳ 1-ಪಿಕ್ಸೆಲ್ ಘನ ಕಪ್ಪು ಅಂಚಿನಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ. .
ಇನ್ಲೈನ್ ಸ್ಟೈಲ್ಸ್ನ ಪ್ರಯೋಜನಗಳು
ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ ಇನ್ಲೈನ್ ಶೈಲಿಗಳ ಕ್ಯಾಸ್ಕೇಡ್ಗೆ ಧನ್ಯವಾದಗಳು ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಅತ್ಯುನ್ನತ ಆದ್ಯತೆ ಅಥವಾ ನಿರ್ದಿಷ್ಟತೆಯನ್ನು ಹೊಂದಿದೆ. ಇದರರ್ಥ ಅವರು ನಿಮ್ಮ ಬಾಹ್ಯ ಸ್ಟೈಲ್ಶೀಟ್ನಲ್ಲಿ ಯಾವುದನ್ನು ಆಜ್ಞಾಪಿಸುತ್ತಿದ್ದಾರೆ ಎಂಬುದರ ಕುರಿತು ಯಾವುದೇ ಅನ್ವಯಿಸದಿದ್ದರೂ (ಒಂದು ವಿನಾಯಿತಿಯಿಂದ ನೀಡಲಾದ ಯಾವುದೇ ಶೈಲಿಗಳು! ಶೀಟ್ ಪ್ರಮುಖ ಘೋಷಣೆಯಾಗಿದ್ದು, ಆದರೆ ಇದು ಉತ್ಪಾದನಾ ಸ್ಥಳಗಳಲ್ಲಿ ಮಾಡಬೇಕಾದ ವಿಷಯವಲ್ಲ ತಪ್ಪಿಸಬಹುದು).
ಇನ್ಲೈನ್ ಶೈಲಿಗಳಿಗಿಂತ ಹೆಚ್ಚಿನ ಪ್ರಾಶಸ್ತ್ಯ ಹೊಂದಿರುವ ಏಕೈಕ ಶೈಲಿಗಳು ಓದುಗರು ಸ್ವತಃ ಅನ್ವಯಿಸುವ ಬಳಕೆದಾರ ಶೈಲಿಗಳಾಗಿವೆ . ನಿಮ್ಮ ಬದಲಾವಣೆಗಳನ್ನು ಅನ್ವಯಿಸಲು ನಿಮಗೆ ತೊಂದರೆ ಎದುರಾದರೆ, ನೀವು ಅಂಶದ ಮೇಲೆ ಇನ್ಲೈನ್ ಶೈಲಿಯನ್ನು ಹೊಂದಿಸಲು ಪ್ರಯತ್ನಿಸಬಹುದು. ನೀವು ಶೈಲಿಯನ್ನು ಇನ್ನೂ ಇನ್ಲೈನ್ ಶೈಲಿಯನ್ನು ಬಳಸಿಕೊಂಡು ಪ್ರದರ್ಶಿಸದಿದ್ದರೆ, ಬೇರೆ ಯಾವುದೋ ನಡೆಯುತ್ತಿದೆ ಎಂದು ನಿಮಗೆ ತಿಳಿದಿದೆ.
ಇನ್ಲೈನ್ ಶೈಲಿಗಳು ಸುಲಭ ಮತ್ತು ತ್ವರಿತವಾಗಿ ಸೇರಿಸಲು ಮತ್ತು ನೀವು ಸರಿಯಾದ ಸಿಎಸ್ಎಸ್ ಸೆಲೆಕ್ಟರ್ ಅನ್ನು ಬರೆಯುವ ಬಗ್ಗೆ ಚಿಂತೆ ಮಾಡಬೇಕಿಲ್ಲ ಏಕೆಂದರೆ ನೀವು ಬದಲಿಸಲು ಬಯಸುವ ಅಂಶಕ್ಕೆ ನೇರವಾಗಿ ಶೈಲಿಗಳನ್ನು ಸೇರಿಸುತ್ತಿದ್ದರೆ (ಆ ಅಂಶವು ಮೂಲಭೂತವಾಗಿ ನೀವು ಬಾಹ್ಯ ಶೈಲಿಯ ಹಾಳೆಯಲ್ಲಿ ಬರೆಯುವ ಸೆಲೆಕ್ಟರ್ ಅನ್ನು ಬದಲಾಯಿಸುತ್ತದೆ ). ನೀವು ಸಂಪೂರ್ಣ ಹೊಸ ಡಾಕ್ಯುಮೆಂಟ್ (ಬಾಹ್ಯ ಶೈಲಿಯ ಶೀಟ್ಗಳಂತೆ) ರಚಿಸಬೇಕಾಗಿಲ್ಲ ಅಥವಾ ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ನ ಮುಖ್ಯಭಾಗದಲ್ಲಿ (ಆಂತರಿಕ ಶೈಲಿಯ ಶೀಟ್ಗಳಂತೆ) ಹೊಸ ಅಂಶವನ್ನು ಸಂಪಾದಿಸಬೇಕಾದ ಅಗತ್ಯವಿಲ್ಲ. ನೀವು ಪ್ರತಿಯೊಂದು HTML ಅಂಶದಲ್ಲೂ ಮಾನ್ಯವಾಗಿರುವ ಶೈಲಿ ಗುಣಲಕ್ಷಣವನ್ನು ಸೇರಿಸಿ. ಇನ್ಲೈನ್ ಶೈಲಿಗಳನ್ನು ಬಳಸಲು ನೀವು ಏಕೆ ಪ್ರಚೋದಿಸಬಹುದೆಂಬುದಕ್ಕೆ ಇವು ಎಲ್ಲಾ ಕಾರಣಗಳಾಗಿವೆ, ಆದರೆ ಈ ವಿಧಾನಕ್ಕೆ ಕೆಲವು ಗಮನಾರ್ಹವಾದ ಅನಾನುಕೂಲಗಳನ್ನು ನೀವು ತಿಳಿದಿರಬೇಕು.
ಇನ್ಲೈನ್ ಸ್ಟೈಲ್ಸ್ನ ಅನಾನುಕೂಲಗಳು
ಏಕೆಂದರೆ ಕ್ಯಾಸ್ಕೇಡ್ನಲ್ಲಿ ಅವು ಹೆಚ್ಚು ನಿರ್ದಿಷ್ಟವಾಗಿರುವ ಇನ್ಲೈನ್ ಶೈಲಿಗಳು, ನೀವು ಬಯಸದ ವಿಷಯಗಳನ್ನು ಅವರು ಹೆಚ್ಚು ಸವಾರಿ ಮಾಡಬಹುದು. ಅವರು CSS ನ ಅತ್ಯಂತ ಪ್ರಬಲವಾದ ಅಂಶಗಳಲ್ಲೊಂದನ್ನು ಸಹ ನಿರಾಕರಿಸುತ್ತಾರೆ - ಶೈಲಿಯ ಲಾಟ್ಸ್ ಸಾಮರ್ಥ್ಯ ಮತ್ತು ಭವಿಷ್ಯದ ನವೀಕರಣಗಳು ಮತ್ತು ಶೈಲಿ ಬದಲಾವಣೆಗಳನ್ನು ನಿರ್ವಹಿಸಲು ಸುಲಭವಾಗುವಂತೆ ಒಂದು ಕೇಂದ್ರೀಯ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ನಿಂದ ವೆಬ್ ಪುಟಗಳು ಸಾಕಷ್ಟು.
ನೀವು ಇನ್ಲೈನ್ ಶೈಲಿಗಳನ್ನು ಮಾತ್ರ ಬಳಸಬೇಕಾದರೆ, ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ಗಳು ತ್ವರಿತವಾಗಿ ಉಬ್ಬಿಕೊಳ್ಳುತ್ತದೆ ಮತ್ತು ನಿರ್ವಹಿಸಲು ಬಹಳ ಕಷ್ಟವಾಗುತ್ತದೆ. ಏಕೆಂದರೆ ಇನ್ಲೈನ್ ಶೈಲಿಗಳು ನೀವು ಬಯಸುವ ಪ್ರತಿಯೊಂದು ಅಂಶಕ್ಕೂ ಅನ್ವಯಿಸಬೇಕಾಗುತ್ತದೆ. ನಿಮ್ಮ ಎಲ್ಲಾ ಪ್ಯಾರಾಗಳು ಫಾಂಟ್ ಕುಟುಂಬ "ಏರಿಯಲ್" ಅನ್ನು ಹೊಂದಲು ನೀವು ಬಯಸಿದರೆ, ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಪ್ರತಿ
ಟ್ಯಾಗ್ಗೆ ನೀವು ಇನ್ಲೈನ್ ಶೈಲಿಯನ್ನು ಸೇರಿಸಬೇಕಾಗಿದೆ. ಆ ಫಾಂಟ್-ಕುಟುಂಬವನ್ನು ಬದಲಿಸಲು ನಿಮ್ಮ ಸೈಟ್ನಲ್ಲಿನ ಪ್ರತಿಯೊಂದು ಪುಟಕ್ಕೂ ನೀವು ಇದನ್ನು ಬದಲಾಯಿಸಬೇಕಾಗಿರುವುದರಿಂದ, ಓದುಗರಿಗೆ ವಿನ್ಯಾಸಕ ಮತ್ತು ಡೌನ್ಲೋಡ್ ಸಮಯದ ನಿರ್ವಹಣೆ ಕಾರ್ಯವನ್ನು ಇದು ಸೇರಿಸುತ್ತದೆ. ಪರ್ಯಾಯವಾಗಿ, ನೀವು ಪ್ರತ್ಯೇಕ ಸ್ಟೈಲ್ಶೀಟ್ ಬಳಸಿದರೆ, ನೀವು ಅದನ್ನು ಒಂದು ಸ್ಥಳದಲ್ಲಿ ಬದಲಾಯಿಸಬಹುದು ಮತ್ತು ಪ್ರತಿ ಪುಟವು ಆ ನವೀಕರಣವನ್ನು ಸ್ವೀಕರಿಸಬಹುದು.
ಸತ್ಯವಾಗಿ, ಇದು ವೆಬ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಹಿಂದುಳಿದ ಹೆಜ್ಜೆ - ಟ್ಯಾಗ್ನ ದಿನಗಳ ಹಿಂದೆ!
ಇನ್ಲೈನ್ ಶೈಲಿಗಳಿಗೆ ಮತ್ತೊಂದು ಅನನುಕೂಲವೆಂದರೆ ಅದು ಸ್ಯೂಡೋ-ಎಲಿಮೆಂಟ್ಸ್ ಶೈಲಿ ಮತ್ತು ಅವರೊಂದಿಗೆ-ವರ್ಗಗಳನ್ನು ಅಸಾಧ್ಯ. ಉದಾಹರಣೆಗೆ, ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಹಾಳೆಗಳೊಂದಿಗೆ, ನೀವು ಭೇಟಿ ನೀಡುವ, ಹೂವರ್, ಕ್ರಿಯಾತ್ಮಕ ಮತ್ತು ಲಿಂಕ್ ಬಣ್ಣವನ್ನು ಆಂಕರ್ ಟ್ಯಾಗ್ನ ಶೈಲಿಗೆ ಬದಲಾಯಿಸಬಹುದು, ಆದರೆ ಇನ್ಲೈನ್ ಶೈಲಿಯೊಂದಿಗೆ, ನೀವು ಶೈಲಿಯಲ್ಲಿರುವ ಎಲ್ಲಾ ಲಿಂಕ್ ಕೂಡ ಆಗಿರುತ್ತದೆ, ಏಕೆಂದರೆ ಅದು ಶೈಲಿ ಗುಣಲಕ್ಷಣವನ್ನು ಜೋಡಿಸಲಾಗಿದೆ .
ಅಂತಿಮವಾಗಿ, ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳಿಗಾಗಿ ಇನ್ಲೈನ್ ಶೈಲಿಗಳನ್ನು ಬಳಸದೆ ನಾವು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ ಏಕೆಂದರೆ ಅವುಗಳು ಸಮಸ್ಯೆಗಳನ್ನು ಉಂಟುಮಾಡುತ್ತವೆ ಮತ್ತು ಪುಟಗಳನ್ನು ನಿರ್ವಹಿಸಲು ಹೆಚ್ಚಿನ ಕಾರ್ಯಗಳನ್ನು ಮಾಡುತ್ತವೆ. ಅಭಿವೃದ್ಧಿಯ ಸಮಯದಲ್ಲಿ ನಾವು ಶೈಲಿಯನ್ನು ತ್ವರಿತವಾಗಿ ಪರೀಕ್ಷಿಸಲು ಬಯಸಿದಾಗ ಮಾತ್ರ ನಾವು ಅವುಗಳನ್ನು ಬಳಸುತ್ತೇವೆ. ಒಮ್ಮೆ ನಾವು ಒಂದು ಅಂಶಕ್ಕೆ ಸರಿಯಾಗಿ ನೋಡುತ್ತಿದ್ದೇವೆ, ಅದನ್ನು ನಮ್ಮ ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಹಾಳೆಯಲ್ಲಿ ನಾವು ಸರಿಸುತ್ತೇವೆ.
ಜೆನ್ನಿಫರ್ ಕ್ರಿನಿನ್ನ ಮೂಲ ಲೇಖನ. ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ ಸಂಪಾದಿಸಿದ್ದಾರೆ.