ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಶೀಟ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು

ಸಿಎಸ್ಎಸ್ ಸೈಟ್ ವೈಡ್ ಬಳಸಿ

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

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

ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ನ ಪ್ರಯೋಜನಗಳು ಮತ್ತು ಅನಾನುಕೂಲಗಳು

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

ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ನ ಪ್ರಯೋಜನಗಳು

  • ನೀವು ಅನೇಕ ಡಾಕ್ಯುಮೆಂಟ್ಗಳ ನೋಟ ಮತ್ತು ಅನುಭವವನ್ನು ಏಕಕಾಲದಲ್ಲಿ ನಿಯಂತ್ರಿಸಬಹುದು.
    • ನಿಮ್ಮ ವೆಬ್ ಸೈಟ್ ರಚಿಸಲು ನೀವು ಜನರ ತಂಡದೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಿದರೆ ಇದು ವಿಶೇಷವಾಗಿ ಉಪಯುಕ್ತವಾಗಿದೆ. ಅನೇಕ ಶೈಲಿ ನಿಯಮಗಳನ್ನು ನೆನಪಿಟ್ಟುಕೊಳ್ಳುವುದು ಕಷ್ಟಕರವಾಗಿದೆ ಮತ್ತು ನೀವು ಮುದ್ರಿತ ಶೈಲಿಯ ಮಾರ್ಗದರ್ಶಿ ಹೊಂದಿರಬಹುದು, ಉದಾಹರಣೆಗೆ 12 ಅಂಕಗಳು ಏರಿಯಲ್ ಫಾಂಟ್ ಅಥವಾ 14 ಪಾಯಿಂಟ್ ಕೊರಿಯರ್ನಲ್ಲಿ ಪಠ್ಯವನ್ನು ಬರೆಯಬೇಕೆಂದು ನಿರ್ಧರಿಸಲು ಅದರಿಂದಾಗಿ ನಿರಂತರವಾಗಿ ಫ್ಲಿಪ್ಪಿಂಗ್ ಮಾಡಲು ಅಸಮರ್ಥತೆ ಮತ್ತು ಕಷ್ಟಕರವಾಗಿರುತ್ತದೆ. ಎಲ್ಲವನ್ನೂ ಒಂದೇ ಸ್ಥಳದಲ್ಲಿ ಹೊಂದುವ ಮೂಲಕ ಮತ್ತು ನೀವು ಬದಲಾವಣೆಗಳನ್ನು ಮಾಡುವ ಸ್ಥಳದಿಂದಾಗಿ, ನೀವು ನಿರ್ವಹಣೆಯನ್ನು ತುಂಬಾ ಸುಲಭಗೊಳಿಸಬಹುದು.
  • ನೀವು ಅನೇಕ ವಿಭಿನ್ನ ಎಚ್ಟಿಎಮ್ಎಲ್ ಘಟಕಗಳಲ್ಲಿ ಬಳಸಬಹುದಾದ ಶೈಲಿಗಳ ತರಗತಿಗಳನ್ನು ರಚಿಸಬಹುದು.
    • ನಿಮ್ಮ ಪುಟದಲ್ಲಿನ ವಿವಿಧ ವಿಷಯಗಳಿಗೆ ಒತ್ತು ನೀಡುವುದಕ್ಕೆ ನೀವು ಕೆಲವು ಫಾಂಟ್ ಶೈಲಿಯನ್ನು ಬಳಸುತ್ತಿದ್ದರೆ, ನೀವು ಪ್ರತಿಯೊಂದು ಶೈಲಿಯಲ್ಲಿಯೂ ಒಂದು ನಿರ್ದಿಷ್ಟ ಶೈಲಿಯನ್ನು ವಿವರಿಸುವ ಬದಲು, ನಿಮ್ಮ ಶೈಲಿ ಹಾಳೆಯಲ್ಲಿ ನೀವು ರಚಿಸಿದ ವರ್ಗ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಬಹುದು. ಒತ್ತು.
  • ನಿಮ್ಮ ಶೈಲಿಗಳನ್ನು ಹೆಚ್ಚು ಪರಿಣಾಮಕಾರಿಯಾಗಿ ನೀವು ಸುಲಭವಾಗಿ ಗುಂಪು ಮಾಡಬಹುದು.
    • ಸಿಎಸ್ಎಸ್ಗೆ ಲಭ್ಯವಿರುವ ಎಲ್ಲ ಗುಂಪು ವಿಧಾನಗಳನ್ನು ಬಾಹ್ಯ ಶೈಲಿಯ ಹಾಳೆಗಳಲ್ಲಿ ಬಳಸಬಹುದು, ಮತ್ತು ಇದು ನಿಮ್ಮ ಪುಟಗಳಲ್ಲಿ ಹೆಚ್ಚು ನಿಯಂತ್ರಣ ಮತ್ತು ನಮ್ಯತೆಯನ್ನು ಒದಗಿಸುತ್ತದೆ.

ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ನ ಅನಾನುಕೂಲಗಳು

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

ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಶೀಟ್ ಅನ್ನು ಹೇಗೆ ರಚಿಸುವುದು

ಡಾಕ್ಯುಮೆಂಟ್ ಲೆವೆಲ್ ಸ್ಟೈಲ್ ಹಾಳೆಗಳಿಗೆ ಇದೇ ಸಿಂಟ್ಯಾಕ್ಸ್ನೊಂದಿಗೆ ಬಾಹ್ಯ ಶೈಲಿಯ ಹಾಳೆಗಳನ್ನು ರಚಿಸಲಾಗಿದೆ. ಆದಾಗ್ಯೂ, ನೀವು ಸೇರಿಸಬೇಕಾದ ಎಲ್ಲಾ ಸೆಲೆಕ್ಟರ್ ಮತ್ತು ಘೋಷಣೆ. ಡಾಕ್ಯುಮೆಂಟ್-ಮಟ್ಟದ ಸ್ಟೈಲ್ ಹಾಳೆಯಲ್ಲಿರುವಂತೆ, ನಿಯಮದ ಸಿಂಟ್ಯಾಕ್ಸ್ ಹೀಗಿರುತ್ತದೆ:

ಸೆಲೆಕ್ಟರ್ {ಆಸ್ತಿ: ಮೌಲ್ಯ;}

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

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

  1. ಲಿಂಕ್ ಮಾಡಲಾಗುತ್ತಿದೆ
    1. ಒಂದು ಸ್ಟೈಲ್ ಶೀಟ್ ಲಿಂಕ್ ಮಾಡಲು, ನೀವು HTML ಟ್ಯಾಗ್ ಬಳಸಿ. ಇದು ಲಕ್ಷಣಗಳು rel , type , ಮತ್ತು href ಅನ್ನು ಹೊಂದಿದೆ . Rel attribute ನೀವು ಏನು ಲಿಂಕ್ ಮಾಡುತ್ತಿದ್ದೀರಿ ಎಂದು ಹೇಳುತ್ತದೆ (ಈ ಸಂದರ್ಭದಲ್ಲಿ ಸ್ಟೈಲ್ ಶೀಟ್), ಪ್ರಕಾರವು ಬ್ರೌಸರ್ಗಾಗಿ MIME- ಪ್ರಕಾರವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ, ಮತ್ತು href ಎಂಬುದು .css ಫೈಲ್ಗೆ ಮಾರ್ಗವಾಗಿದೆ.
  2. ಆಮದು ಮಾಡಲಾಗುತ್ತಿದೆ
    1. ಡಾಕ್ಯುಮೆಂಟ್ ಲೆವೆಲ್ ಸ್ಟೈಲ್ ಹಾಳೆಯಲ್ಲಿ ಆಮದು ಮಾಡಲಾದ ಸ್ಟೈಲ್ ಹಾಳೆಯನ್ನು ನೀವು ಬಳಸುತ್ತೀರಿ, ಇದರಿಂದಾಗಿ ಯಾವುದೇ ಡಾಕ್ಯುಮೆಂಟ್ ನಿರ್ದಿಷ್ಟವಾದ ವಸ್ತುಗಳನ್ನು ಕಳೆದುಕೊಳ್ಳದೇ ಇರುವಾಗ ಬಾಹ್ಯ ಸ್ಟೈಲ್ ಶೀಟ್ನ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ನೀವು ಆಮದು ಮಾಡಿಕೊಳ್ಳಬಹುದು. ಲಿಂಕ್ ಮಾಡಲಾದ ಸ್ಟೈಲ್ ಹಾಳೆಯನ್ನು ಕರೆಯುವ ರೀತಿಯಲ್ಲಿ ನೀವು ಇದನ್ನು ಕರೆದುಕೊಳ್ಳಿ, ಡಾಕ್ಯುಮೆಂಟ್ ಲೆವೆಲ್ ಸ್ಟೈಲ್ ಡಿಕ್ಲರೇಶನ್ನಲ್ಲಿ ಅದನ್ನು ಮಾತ್ರ ಕರೆಯಬೇಕು. ನಿಮ್ಮ ವೆಬ್ ಸೈಟ್ ಅನ್ನು ನಿರ್ವಹಿಸಲು ಅಗತ್ಯವಿರುವಂತೆ ನೀವು ಅನೇಕ ಬಾಹ್ಯ ಶೈಲಿಯ ಹಾಳೆಗಳನ್ನು ಆಮದು ಮಾಡಬಹುದು.

ಜೆನ್ನಿಫರ್ ಕ್ರಿನಿನ್ರಿಂದ ಮೂಲ ಲೇಖನ. 8/8/17 ರಂದು ಜೆರೆಮಿ ಗಿರಾರ್ಡ್ರಿಂದ ಸಂಪಾದಿಸಲಾಗಿದೆ