ಸ್ಪ್ಯಾನ್ ಟ್ಯಾಗ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ ಪದಗಳ ಬಣ್ಣವನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸುವುದು

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

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

ಎಚ್ಟಿಎಮ್ಎಲ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಗೆ ಹೊಸದಾಗಿರುವ ಹೊಸ ಡೆವಲಪರ್ಗಳಿಗೆ ಈ ಲೇಖನವು ಪ್ರಾರಂಭವಾಗಿದೆ. ನಿಮ್ಮ ಪುಟಗಳಲ್ಲಿ ನಿರ್ದಿಷ್ಟ ಪಠ್ಯದ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಲು ಎಚ್ಟಿಎಮ್ಎಲ್ ಟ್ಯಾಗ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂದು ತಿಳಿಯಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ. ಹೇಳುವ ಪ್ರಕಾರ, ಈ ವಿಧಾನಕ್ಕೆ ಕೆಲವು ನ್ಯೂನತೆಗಳು ಇವೆ, ಈ ಲೇಖನದ ಕೊನೆಯಲ್ಲಿ ನಾನು ಅದನ್ನು ಒಳಗೊಳ್ಳುತ್ತೇನೆ. ಇದೀಗ, ಈ ಪಠ್ಯ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸುವ ಹಂತಗಳನ್ನು ಕಲಿಯಲು ಓದಿದೆ! ಇದು ತುಂಬಾ ಸುಲಭ ಮತ್ತು ಸುಮಾರು 2 ನಿಮಿಷಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಬೇಕು.

ಹಂತದ ಸೂಚನೆ ಹಂತ

  1. ನಿಮ್ಮ ಮೆಚ್ಚಿನ ಪಠ್ಯ HTML ಸಂಪಾದಕದಲ್ಲಿ ನೀವು ನವೀಕರಿಸಲು ಬಯಸುವ ವೆಬ್ ಪುಟವನ್ನು ತೆರೆಯಿರಿ. ಇದು ಅಡೋಬ್ ಡ್ರೀಮ್ವೇವರ್ ಅಥವಾ ನೋಟ್ಪಾಡ್, ನೋಟ್ಪಾಡ್ ++, ಟೆಕ್ಸ್ಟ್ ಎಡಿಟ್ ಮುಂತಾದ ಸರಳ ಪಠ್ಯ ಸಂಪಾದಕರಂತಹ ಪ್ರೋಗ್ರಾಂ ಆಗಿರಬಹುದು.
  2. ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ, ನೀವು ಪುಟದಲ್ಲಿ ಬೇರೆಯ ಬಣ್ಣದಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲು ಬಯಸುವ ಪದಗಳನ್ನು ಪತ್ತೆ ಮಾಡಿ. ಈ ಟ್ಯುಟೋರಿಯಲ್ ಸಲುವಾಗಿ, ಪಠ್ಯದ ದೊಡ್ಡ ಪ್ಯಾರಾಗ್ರಾಫ್ನಲ್ಲಿರುವ ಕೆಲವು ಪದಗಳನ್ನು ಬಳಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಆ ಪಠ್ಯವು ಟಗ್ ಜೋಡಿಯೊಳಗೆ ಇರುತ್ತದೆ. ನೀವು ಸಂಪಾದಿಸಲು ಬಯಸುವ ಬಣ್ಣವನ್ನು ಹೊಂದಿರುವ ಎರಡು ಪದಗಳನ್ನು ಹುಡುಕಿ.
  3. ನಿಮ್ಮ ಕರ್ಸರ್ ಅನ್ನು ನೀವು ಬಣ್ಣವನ್ನು ಬದಲಿಸಲು ಬಯಸುವ ಪದ ಅಥವಾ ಪದದ ಗುಂಪಿನಲ್ಲಿರುವ ಮೊದಲ ಅಕ್ಷರದ ಮೊದಲು ಇರಿಸಿ. ಡ್ರೀಮ್ವೇವರ್ನಂತಹ ಡಬ್ಲ್ಯುವೈಎಸ್ಐಡಬ್ಲ್ಯುವೈಜಿ ಎಡಿಟರ್ ಅನ್ನು ಬಳಸುತ್ತಿದ್ದರೆ, ನೀವು ಈಗ "ಕೋಡ್ ವೀಕ್ಷಣೆ" ರಿಗ್ತ್ನಲ್ಲಿ ಕೆಲಸ ಮಾಡುತ್ತಿದ್ದೀರಿ ಎಂದು ನೆನಪಿಡಿ.
  4. ವರ್ಗ ಲಕ್ಷಣವನ್ನು ಒಳಗೊಂಡಂತೆ ಟ್ಯಾಗ್ನೊಂದಿಗೆ ನಾವು ಯಾವ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಬೇಕೆಂಬ ಪಠ್ಯವನ್ನು ಕಟ್ಟೋಣ. ಸಂಪೂರ್ಣ ಪ್ಯಾರಾಗ್ರಾಫ್ ಈ ರೀತಿ ಕಾಣಿಸಬಹುದು: ಇದು ಪಠ್ಯದಲ್ಲಿ ಕೇಂದ್ರೀಕರಿಸಿದ ಪಠ್ಯವಾಗಿದೆ.
  5. ನಿರ್ದಿಷ್ಟವಾದ ಪಠ್ಯವನ್ನು ನಾವು ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ಬಳಸಬಹುದಾದ "ಹುಕ್" ಅನ್ನು ನೀಡಲು ಇನ್ಲೈನ್ ​​ಅಂಶವನ್ನು ನಾವು ಬಳಸಿದ್ದೇವೆ. ಹೊಸ ನಿಯಮವನ್ನು ಸೇರಿಸಲು ನಮ್ಮ ಬಾಹ್ಯ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ಗೆ ಹೋಗುವುದು ನಮ್ಮ ಮುಂದಿನ ಹಂತವಾಗಿದೆ.
  1. ನಮ್ಮ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ನಲ್ಲಿ, ನಾವು ಸೇರಿಸೋಣ:
    1. .ಫೊಕಸ್-ಪಠ್ಯ {
    2. ಬಣ್ಣ: # F00;
    3. }
    4. Third
  2. ಈ ನಿಯಮವು ಇನ್ಲೈನ್ ​​ಅಂಶವನ್ನು, ಬಣ್ಣ ಕೆಂಪು ಬಣ್ಣದಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲು ಹೊಂದಿಸುತ್ತದೆ. ನಾವು ನಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ನ ಪಠ್ಯವನ್ನು ಕಪ್ಪು ಬಣ್ಣಕ್ಕೆ ಹೊಂದಿಸಿದ ಹಿಂದಿನ ಶೈಲಿಯನ್ನು ಹೊಂದಿದ್ದರೆ, ಈ ಇನ್ಲೈನ್ ​​ಶೈಲಿ ಸ್ಪ್ಯಾನ್ ಪಠ್ಯವನ್ನು ಕೇಂದ್ರೀಕರಿಸಲು ಕಾರಣವಾಗಬಹುದು ಮತ್ತು ವಿಭಿನ್ನ ಬಣ್ಣದಿಂದ ಎದ್ದು ಕಾಣುತ್ತದೆ. ಈ ನಿಯಮಕ್ಕೆ ನಾವು ಇತರ ಶೈಲಿಗಳನ್ನು ಕೂಡ ಸೇರಿಸಬಹುದು, ಬಹುಶಃ ಪಠ್ಯ ಇಟಲಿಕ್ಸ್ ಅಥವಾ ಅದನ್ನು ಹೆಚ್ಚು ಒತ್ತಿಹೇಳಲು ಬೋಲ್ಡ್ ಮಾಡಬಹುದೇ?
  3. ನಿಮ್ಮ ಪುಟವನ್ನು ಉಳಿಸಿ.
  4. ಪರಿಣಾಮದ ಬದಲಾವಣೆಗಳನ್ನು ನೋಡಲು ನಿಮ್ಮ ನೆಚ್ಚಿನ ವೆಬ್ ಬ್ರೌಸರ್ನಲ್ಲಿ ಪುಟವನ್ನು ಪರೀಕ್ಷಿಸಿ .
  5. ಇದರ ಜೊತೆಗೆ, ಕೆಲವು ವೆಬ್ ವೃತ್ತಿಪರರು ಅಥವಾ ಟ್ಯಾಗ್ ಜೋಡಿಗಳಂತಹ ಇತರ ಅಂಶಗಳನ್ನು ಬಳಸಲು ನಿರ್ಧರಿಸುತ್ತಾರೆ. ಈ ಟ್ಯಾಗ್ಗಳನ್ನು ನಿರ್ದಿಷ್ಟವಾಗಿ "ದಪ್ಪ" ಮತ್ತು "ಇಟಾಲಿಕ್ಸ್" ಗಾಗಿ ಬಳಸಲಾಗುತ್ತಿತ್ತು, ಆದರೆ ಅವುಗಳು ಅಸಮ್ಮತಿಗೊಂಡವು ಮತ್ತು ಬದಲಿಗೆ. ಈ ಟ್ಯಾಗ್ಗಳು ಇನ್ನೂ ಆಧುನಿಕ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ, ಆದಾಗ್ಯೂ, ಹಲವು ವೆಬ್ ಡೆವಲಪರ್ಗಳು ಅವುಗಳನ್ನು ಇನ್ಲೈನ್ ​​ಸ್ಟೈಲಿಂಗ್ ಕೊಕ್ಕೆಗಳಾಗಿ ಬಳಸುತ್ತಾರೆ. ಇದು ಕೆಟ್ಟ ವಿಧಾನವಲ್ಲ, ಆದರೆ ಯಾವುದೇ ಅಸಮ್ಮತಿಸಿದ ಅಂಶಗಳನ್ನು ತಪ್ಪಿಸಲು ನೀವು ಬಯಸಿದರೆ, ನಾನು ಈ ರೀತಿಯ ಶೈಲಿಯ ಅಗತ್ಯಗಳಿಗಾಗಿ ಟ್ಯಾಗ್ನೊಂದಿಗೆ ಅಂಟಿಕೊಳ್ಳುವೆನೆಂದು ಸೂಚಿಸುತ್ತೇನೆ.

ನೋಡುವ ಸಲಹೆಗಳು ಮತ್ತು ವಿಷಯಗಳು

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