ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಶೀಟ್ ಎಂದರೇನು?

ಬಾಹ್ಯ ಸಿಎಸ್ಎಸ್ ವ್ಯಾಖ್ಯಾನ ಮತ್ತು ಹೇಗೆ ಲಿಂಕ್ ಟು ಒನ್

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

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

ಹೇಗಾದರೂ, ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಶೀಟ್ನೊಂದಿಗೆ, ಪುಟವನ್ನು ಸಲ್ಲಿಸುವ ಸೂಚನೆಗಳನ್ನು ಒಂದೇ ಫೈಲ್ನಲ್ಲಿ ಸಂಗ್ರಹಿಸಲಾಗುತ್ತದೆ, ಇದು ಇಡೀ ವೆಬ್ಸೈಟ್ ಅಥವಾ ಅನೇಕ ಅಂಶಗಳಾದ್ಯಂತ ಶೈಲಿಯನ್ನು ಸಂಪಾದಿಸಲು ನಿಜವಾಗಿಯೂ ಸುಲಭವಾಗುತ್ತದೆ. ಫೈಲ್ ಅನ್ನು ಬಳಸುತ್ತದೆ .ಸಿಎಸ್ಎಸ್ ಫೈಲ್ ವಿಸ್ತರಣೆಯನ್ನು ಬಳಸುತ್ತದೆ, ಮತ್ತು ಆ ಫೈಲ್ನ ಸ್ಥಳಕ್ಕೆ ಲಿಂಕ್ ಅನ್ನು HTML ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಸೇರಿಸಲಾಗಿದೆ, ಆದ್ದರಿಂದ ಸ್ಟೈಲಿಂಗ್ ಸೂಚನೆಗಳಿಗಾಗಿ ವೆಬ್ ಬ್ರೌಸರ್ ಎಲ್ಲಿ ತಿಳಿದಿದೆ ಎಂದು ತಿಳಿದಿದೆ.

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

ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಶೀಟ್ಗೆ ಲಿಂಕ್ ಮಾಡುವುದು ಹೇಗೆ

ನಿರ್ದಿಷ್ಟವಾದ ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಹಾಳೆಯನ್ನು ಬಳಸಲು ಬಯಸುತ್ತಿರುವ ಪ್ರತಿ ವೆಬ್ ಪುಟವು ವಿಭಾಗದೊಳಗಿರುವ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ಗೆ ಲಿಂಕ್ ಮಾಡಬೇಕಾಗಿದೆ:

ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಿಮ್ಮದೇ ಆದ ಡಾಕ್ಯುಮೆಂಟ್ಗೆ ಅನ್ವಯವಾಗುವಂತೆ ಬದಲಿಸಬೇಕಾದ ಏಕೈಕ ವಿಷಯವೆಂದರೆ styles.css ಪಠ್ಯ. ಇದು ನಿಮ್ಮ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ನ ಸ್ಥಳವಾಗಿದೆ.

ಫೈಲ್ ಅನ್ನು ವಾಸ್ತವವಾಗಿ styles.css ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ ಮತ್ತು ಅದರೊಂದಿಗೆ ಲಿಂಕ್ ಮಾಡುತ್ತಿರುವ ಡಾಕ್ಯುಮೆಂಟ್ನ ನಿಖರವಾದ ಫೋಲ್ಡರ್ನಲ್ಲಿ ಇದೆ, ಅದು ಮೇಲೆ ಓದುತ್ತಿರುವಂತೆ ಅದು ಉಳಿಯುತ್ತದೆ. ಹೇಗಾದರೂ, ನಿಮ್ಮ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ ಬೇರೆ ಯಾವುದನ್ನಾದರೂ ಹೆಸರಿಸಲಾಗಿದೆ, ಈ ಸಂದರ್ಭದಲ್ಲಿ ನೀವು "ಶೈಲಿಗಳು" ನಿಂದ ನಿಮ್ಮದೇ ಆದ ಹೆಸರನ್ನು ಬದಲಾಯಿಸಬಹುದು.

ಸಿಎಸ್ಎಸ್ ಕಡತವು ಈ ಫೋಲ್ಡರ್ನ ಮೂಲದಲ್ಲಿಲ್ಲ ಆದರೆ ಬದಲಿಗೆ ಒಂದು ಉಪಫೋಲ್ಡರ್ನಲ್ಲಿದ್ದರೆ, ಅದನ್ನು ಬದಲಾಗಿ ಈ ರೀತಿ ಓದಬಹುದು:

ಬಾಹ್ಯ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ಗಳ ಬಗ್ಗೆ ಹೆಚ್ಚಿನ ಮಾಹಿತಿ

ಬಾಹ್ಯ ಶೈಲಿಯ ಹಾಳೆಗಳ ಹೆಚ್ಚಿನ ಪ್ರಯೋಜನವೆಂದರೆ ಅವರು ಯಾವುದೇ ನಿರ್ದಿಷ್ಟ ಪುಟಕ್ಕೆ ಒಳಪಟ್ಟಿಲ್ಲ ಎಂಬುದು. ಸ್ಟೈಲಿಂಗ್ ಅನ್ನು ಆಂತರಿಕವಾಗಿ ಅಥವಾ ಇನ್ಲೈನ್ನಲ್ಲಿ ನಡೆಸಿದರೆ, ವೆಬ್ಸೈಟ್ನಲ್ಲಿನ ಇತರ ಪುಟಗಳು ಆ ಸ್ಟೈಲಿಂಗ್ ಪ್ರಾಶಸ್ತ್ಯಗಳನ್ನು ಸೂಚಿಸುವುದಿಲ್ಲ.

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

ಅದು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ನೀವು ನೋಡಬಹುದು ...

ಆಂತರಿಕ ವಿನ್ಯಾಸಕ್ಕೆ