ಮಾಸ್ಟರ್ ಸ್ಟೈಲ್ಶೀಟ್ನೊಂದಿಗೆ ಡೀಫಾಲ್ಟ್ ಬ್ರೌಸರ್ ವಿನ್ಯಾಸವನ್ನು ತೆಗೆದುಹಾಕುವುದು ಹೇಗೆ

ಈ ಸುಳಿವುಗಳೊಂದಿಗೆ ಸತ್ಯವನ್ನು ಪಡೆಯಿರಿ

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

ಪೂರ್ವನಿಯೋಜಿತ ಬ್ರೌಸರ್ ಶೈಲಿಗಳು ಸಹಾಯಕವಾಗಬಹುದು, ಆದರೆ ಅನೇಕ ಸಂದರ್ಭಗಳಲ್ಲಿ ವೆಬ್ ವಿನ್ಯಾಸಕರು ಈ ಶೈಲಿಗಳನ್ನು ತೆಗೆದುಹಾಕಲು ಬಯಸುತ್ತಾರೆ, ಇದರಿಂದಾಗಿ ಅವರು ಶೈಲಿಗಳೊಂದಿಗೆ ಹೊಸದನ್ನು ಪ್ರಾರಂಭಿಸಬಹುದು, ಅವು ನಿಯಂತ್ರಣದಲ್ಲಿ 100% ಆಗಿರುತ್ತವೆ. ಇದನ್ನು "ಮಾಸ್ಟರ್ ಸ್ಟೈಲ್ಶೀಟ್" ಎಂದು ಕರೆಯುವ ಮೂಲಕ ಮಾಡಲಾಗುತ್ತದೆ.

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

ಜಾಗತಿಕ ಡಿಫಾಲ್ಟ್ಗಳು

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

html, ದೇಹ {margin: 0px; ಪ್ಯಾಡಿಂಗ್: 0px; ಗಡಿ: 0px; }

ಫಾಂಟ್ ಅನ್ನು ಸ್ಥಿರವಾಗಿ ಮಾಡಲು ನೀವು ಬಯಸುತ್ತೀರಿ. ಫಾಂಟ್ ಗಾತ್ರವನ್ನು 100 ಪ್ರತಿಶತ ಅಥವಾ 1em ಗೆ ಹೊಂದಿಸಲು ಮರೆಯದಿರಿ, ಹೀಗಾಗಿ ನಿಮ್ಮ ಪುಟವನ್ನು ಪ್ರವೇಶಿಸಬಹುದು, ಆದರೆ ಗಾತ್ರ ಇನ್ನೂ ಸ್ಥಿರವಾಗಿದೆ. ಮತ್ತು ಸಾಲು ಎತ್ತರವನ್ನು ಸೇರಿಸಲು ಮರೆಯಬೇಡಿ.

ದೇಹ {font: 1em / 1.25 ಏರಿಯಲ್, ಹೆಲ್ವೆಟಿಕಾ, ಸಾನ್ಸ್-ಸೆರಿಫ್; }

ಹೆಡ್ಲೈನ್ ​​ಫಾರ್ಮ್ಯಾಟಿಂಗ್

ಹೆಡ್ಲೈನ್ ​​ಅಥವಾ ಶಿರೋನಾಮೆಯ ಟ್ಯಾಗ್ಗಳು (H1, H2, H3, ಇತ್ಯಾದಿ.) ಸಾಮಾನ್ಯವಾಗಿ ಡೀಫಾಲ್ಟ್ ಆಗಿ ಬೃಹತ್ ಅಂಚಿನಲ್ಲಿರುವ ಪಠ್ಯ ಅಥವಾ ಅವುಗಳ ಸುತ್ತ ಪ್ಯಾಡಿಂಗ್ ಆಗಿರುತ್ತದೆ. ತೂಕ, ಅಂಚಿನಲ್ಲಿ ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ ಅನ್ನು ತೆರವುಗೊಳಿಸುವ ಮೂಲಕ, ಈ ಟ್ಯಾಗ್ಗಳು ಇನ್ನೂ ಹೆಚ್ಚಿನ ಶೈಲಿಗಳಿಲ್ಲದ ಪಠ್ಯವನ್ನು ಹೋಲಿಸಿದರೆ ದೊಡ್ಡದಾಗಿದೆ (ಅಥವಾ ಚಿಕ್ಕದಾಗಿದೆ) ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ:

h1, h2, h3, h4, h5, h6 {margin: 0; ಪ್ಯಾಡಿಂಗ್: 0; ಫಾಂಟ್-ತೂಕ: ಸಾಮಾನ್ಯ; ಫಾಂಟ್-ಕುಟುಂಬ: ಏರಿಯಲ್, ಹೆಲ್ವೆಟಿಕಾ, ಸಾನ್ಸ್-ಸೆರಿಫ್; }

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

ಸರಳ ಪಠ್ಯ ಫಾರ್ಮ್ಯಾಟಿಂಗ್

ಮುಖ್ಯಾಂಶಗಳು ಬಿಯಾಂಡ್, ಇತರ ಪಠ್ಯ ಟ್ಯಾಗ್ಗಳನ್ನು ನೀವು ತೆರವುಗೊಳಿಸಲು ಖಚಿತವಾಗಿ ಇರಬೇಕು. ಜನರು ಸಾಮಾನ್ಯವಾಗಿ ಮರೆಯುವ ಒಂದು ಸೆಟ್ ಟೇಬಲ್ ಸೆಲ್ ಟ್ಯಾಗ್ಗಳು (TH ಮತ್ತು TD) ಮತ್ತು ಫಾರ್ಮ್ ಟ್ಯಾಗ್ಗಳು (SELECT, TEXTAREA ಮತ್ತು INPUT). ನಿಮ್ಮ ದೇಹ ಮತ್ತು ಪ್ಯಾರಾಗ್ರಾಫ್ ಟೆಕ್ಸ್ಟ್ನಂತೆಯೇ ನೀವು ಅದೇ ಗಾತ್ರವನ್ನು ಹೊಂದಿಸದಿದ್ದರೆ, ಬ್ರೌಸರ್ಗಳು ಅವುಗಳನ್ನು ಹೇಗೆ ನಿರೂಪಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ನೀವು ಅಚ್ಚರಿಯಿಂದ ಆಶ್ಚರ್ಯಪಡಬಹುದು.

p, th, td, li, dd, dt, ಉಲ್, ol, ಬ್ಲಾಕ್ಕೋಟ್, q, ಸಂಕ್ಷಿಪ್ತರೂಪ, abbr, a, ಇನ್ಪುಟ್, ಆಯ್ಕೆ, textarea {margin: 0; ಪ್ಯಾಡಿಂಗ್: 0; ಫಾಂಟ್: ಸಾಮಾನ್ಯ ಸಾಮಾನ್ಯ ಸಾಮಾನ್ಯ 1em / 1.25 Arial, ಹೆಲ್ವೆಟಿಕಾ, ಸಾನ್ಸ್-ಸೆರಿಫ್; }

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

ಬ್ಲಾಕ್ಕೋಟ್ {margin: 1.25em; ಪ್ಯಾಡಿಂಗ್: 1.25 ಎಮ್ಎಮ್ q {ಫಾಂಟ್-ಶೈಲಿ: ಇಟಾಲಿಕ್; } ಸಂಕ್ಷಿಪ್ತ ರೂಪ, abbr {ಕರ್ಸರ್: ಸಹಾಯ; ಗಡಿ-ಕೆಳಗೆ: 1 px dashed; }

ಕೊಂಡಿಗಳು ಮತ್ತು ಚಿತ್ರಗಳು

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

a, a: ಲಿಂಕ್, ಎ: ಭೇಟಿ, ಎ: ಸಕ್ರಿಯ, ಎ: ಹೂವರ್ {ಪಠ್ಯ-ಅಲಂಕಾರ: ಅಂಡರ್ಲೈನ್; }

ಚಿತ್ರಗಳೊಂದಿಗೆ, ಗಡಿಗಳನ್ನು ಆಫ್ ಮಾಡಲು ಮುಖ್ಯವಾಗಿದೆ. ಹೆಚ್ಚಿನ ಬ್ರೌಸರ್ಗಳು ಸರಳ ಚಿತ್ರದ ಸುತ್ತಲೂ ಅಂಚನ್ನು ಪ್ರದರ್ಶಿಸುವುದಿಲ್ಲವಾದ್ದರಿಂದ, ಚಿತ್ರವು ಲಿಂಕ್ ಮಾಡಿದಾಗ, ಬ್ರೌಸರ್ಗಳು ಗಡಿಯನ್ನು ತಿರುಗುತ್ತದೆ. ಇದನ್ನು ಸರಿಪಡಿಸಲು:

img {border: none; }

ಕೋಷ್ಟಕಗಳು

ಲೇಔಟ್ಗಳ ಉದ್ದೇಶಕ್ಕಾಗಿ ಕೋಷ್ಟಕಗಳು ಇನ್ನು ಮುಂದೆ ಬಳಸಲಾಗುವುದಿಲ್ಲ, ನೀವು ಸೈಟ್ ಇನ್ನೂ ಅವುಗಳನ್ನು ನಿಜವಾದ ಟ್ಯಾಬ್ಲರ್ ಡೇಟಾಗಾಗಿ ಬಳಸಬಹುದು. ಇದು HTML ಕೋಷ್ಟಕಗಳ ಉತ್ತಮ ಬಳಕೆಯಾಗಿದೆ. ಡೀಫಾಲ್ಟ್ ಪಠ್ಯ ಗಾತ್ರವು ನಿಮ್ಮ ಟೇಬಲ್ ಕೋಶಗಳಿಗೆ ಒಂದೇ ಆಗಿರುವುದನ್ನು ನಾವು ಈಗಾಗಲೇ ಖಚಿತಪಡಿಸಿದ್ದೇವೆ, ಆದರೆ ನೀವು ಹೊಂದಿಸಬೇಕಾದ ಕೆಲವು ಶೈಲಿಗಳು ನಿಮ್ಮ ಕೋಷ್ಟಕಗಳು ಒಂದೇ ಆಗಿರುತ್ತವೆ:

ಟೇಬಲ್ {margin: 0; ಪ್ಯಾಡಿಂಗ್: 0; ಗಡಿ: ಯಾವುದೂ ಇಲ್ಲ; }

ಫಾರ್ಮ್ಸ್

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

ರೂಪ {margin: 0; ಪ್ಯಾಡಿಂಗ್: 0; ಪ್ರದರ್ಶಿಸು: ಇನ್ಲೈನ್; }

ನಿಮ್ಮ ಲೇಬಲ್ಗಳಿಗಾಗಿ ಕರ್ಸರ್ ಅನ್ನು ಬದಲಿಸುವುದು ಒಳ್ಳೆಯದು. ಲೇಬಲ್ ಅವರು ಅದನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಏನಾದರೂ ಮಾಡುತ್ತಾರೆ ಎಂದು ನೋಡಲು ಜನರಿಗೆ ಇದು ಸಹಾಯ ಮಾಡುತ್ತದೆ.

ಲೇಬಲ್ {ಕರ್ಸರ್: ಪಾಯಿಂಟರ್; }

ಸಾಮಾನ್ಯ ತರಗತಿಗಳು

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

ಸ್ಪಷ್ಟವಾದದ್ದು: ಎರಡೂ; }. ಫ್ಲೋಟ್ ಲೆಫ್ಟ್ {ಫ್ಲೋಟ್: ಎಡ; }. ಫ್ಲೋಟ್ರೈಟ್ {ಫ್ಲೋಟ್: ಬಲ; } .textLeft {text-align: left; } .textRight {text-align: right; } .textCenter {text-align: center; } .ಟೆಕ್ಸ್ಟ್ {text-align: justify; } .ಬ್ಲಾಕ್ ಸೆಂಟರ್ {ಪ್ರದರ್ಶನ: ಬ್ಲಾಕ್; ಅಂಚು-ಎಡ: ಸ್ವಯಂ; ಅಂಚು-ಬಲ: ಸ್ವಯಂ; } * * ಅಗಲವನ್ನು ಹೊಂದಿಸಲು ಮರೆಯದಿರಿ * /. ಬೋಲ್ಡ್ {font-weight: bold; } .ಐಟಲ್ಕ್ಯಾಟಿಕ್ {ಫಾಂಟ್-ಶೈಲಿ: ಇಟಾಲಿಕ್; } .ಡರ್ಲೈನ್ ​​{ಪಠ್ಯ-ಅಲಂಕಾರ: ಅಂಡರ್ಲೈನ್; } .noindent {margin-left: 0; ಪ್ಯಾಡಿಂಗ್-ಎಡ: 0; } .ನೊಮಾರ್ಜಿನ್ {margin: 0; } .nopadding {ಪ್ಯಾಡಿಂಗ್: 0; }. ನೊಬುಲೆಟ್ {ಪಟ್ಟಿ-ಶೈಲಿ: ಯಾವುದೂ ಇಲ್ಲ; ಪಟ್ಟಿ ಶೈಲಿಯ ಚಿತ್ರ: ಯಾವುದೂ ಇಲ್ಲ; }

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

ಸಂಪೂರ್ಣ ಮಾಸ್ಟರ್ ಸ್ಟೈಲ್ಶೀಟ್

/ * ಜಾಗತಿಕ ಡಿಫಾಲ್ಟ್ಗಳು / html, ದೇಹ {ಅಂಚು: 0px; ಪ್ಯಾಡಿಂಗ್: 0px; ಗಡಿ: 0px; } ದೇಹ {ಫಾಂಟ್: 1em / 1.25 ಏರಿಯಲ್, ಹೆಲ್ವೆಟಿಕಾ, ಸಾನ್ಸ್-ಸೆರಿಫ್; } / * ಮುಖ್ಯಾಂಶಗಳು * / h1, h2, h3, h4, h5, h6 {margin: 0; ಪ್ಯಾಡಿಂಗ್: 0; ಫಾಂಟ್-ತೂಕ: ಸಾಮಾನ್ಯ; ಫಾಂಟ್-ಕುಟುಂಬ: ಏರಿಯಲ್, ಹೆಲ್ವೆಟಿಕಾ, ಸಾನ್ಸ್-ಸೆರಿಫ್; } / * ಪಠ್ಯ ಶೈಲಿಗಳು * / p, th, td, li, dd, dt, ಉಲ್, ol, ಬ್ಲಾಕ್ಕೋಟ್, q, ಸಂಕ್ಷಿಪ್ತರೂಪ, abbr, a, ಇನ್ಪುಟ್, ಆಯ್ಕೆ, textarea {margin: 0; ಪ್ಯಾಡಿಂಗ್: 0; ಫಾಂಟ್: ಸಾಮಾನ್ಯ ಸಾಮಾನ್ಯ ಸಾಮಾನ್ಯ 1em / 1.25 Arial, ಹೆಲ್ವೆಟಿಕಾ, ಸಾನ್ಸ್-ಸೆರಿಫ್; } ಬ್ಲಾಕ್ಕೋಟ್ {margin: 1.25em; ಪ್ಯಾಡಿಂಗ್: 1.25 ಎಮ್ಎಮ್ q {ಫಾಂಟ್-ಶೈಲಿ: ಇಟಾಲಿಕ್; } ಸಂಕ್ಷಿಪ್ತ ರೂಪ, abbr {ಕರ್ಸರ್: ಸಹಾಯ; ಗಡಿ-ಕೆಳಗೆ: 1 px dashed; } ಸಣ್ಣ {ಫಾಂಟ್-ಗಾತ್ರ: .85em; } ದೊಡ್ಡ {font-size: 1.2em; } / * ಲಿಂಕ್ಗಳು ​​ಮತ್ತು ಚಿತ್ರಗಳು * / ಎ, ಎ: ಲಿಂಕ್, ಎ: ಭೇಟಿ, ಎ: ಸಕ್ರಿಯ, ಎ: ಹೋವರ್ {ಪಠ್ಯ-ಅಲಂಕಾರ: ಅಂಡರ್ಲೈನ್; } img {border: none; } / * ಟೇಬಲ್ಸ್ * / ಟೇಬಲ್ {margin: 0; ಪ್ಯಾಡಿಂಗ್: 0; ಗಡಿ: ಯಾವುದೂ ಇಲ್ಲ; } / * ಫಾರ್ಮ್ಗಳು * / ಫಾರ್ಮ್ {margin: 0; ಪ್ಯಾಡಿಂಗ್: 0; ಪ್ರದರ್ಶಿಸು: ಇನ್ಲೈನ್; } ಲೇಬಲ್ {ಕರ್ಸರ್: ಪಾಯಿಂಟರ್; } / * ಸಾಮಾನ್ಯ ತರಗತಿಗಳು * /. ಸ್ಪಷ್ಟ {ತೆರವುಗೊಳಿಸಿ: ಎರಡೂ; }. ಫ್ಲೋಟ್ ಲೆಫ್ಟ್ {ಫ್ಲೋಟ್: ಎಡ; }. ಫ್ಲೋಟ್ರೈಟ್ {ಫ್ಲೋಟ್: ಬಲ; } .textLeft {text-align: left; } .textRight {text-align: right; } .textCenter {text-align: center; } .ಟೆಕ್ಸ್ಟ್ {text-align: justify; } .ಬ್ಲಾಕ್ ಸೆಂಟರ್ {ಪ್ರದರ್ಶನ: ಬ್ಲಾಕ್; ಅಂಚು-ಎಡ: ಸ್ವಯಂ; ಅಂಚು-ಬಲ: ಸ್ವಯಂ; } * * ಅಗಲವನ್ನು ಹೊಂದಿಸಲು ಮರೆಯದಿರಿ * /. ಬೋಲ್ಡ್ {font-weight: bold; } .ಐಟಲ್ಕ್ಯಾಟಿಕ್ {ಫಾಂಟ್-ಶೈಲಿ: ಇಟಾಲಿಕ್; } .ಡರ್ಲೈನ್ ​​{ಪಠ್ಯ-ಅಲಂಕಾರ: ಅಂಡರ್ಲೈನ್; } .noindent {margin-left: 0; ಪ್ಯಾಡಿಂಗ್-ಎಡ: 0; } .ನೊಮಾರ್ಜಿನ್ {margin: 0; } .nopadding {ಪ್ಯಾಡಿಂಗ್: 0; }. ನೊಬುಲೆಟ್ {ಪಟ್ಟಿ-ಶೈಲಿ: ಯಾವುದೂ ಇಲ್ಲ; ಪಟ್ಟಿ ಶೈಲಿಯ ಚಿತ್ರ: ಯಾವುದೂ ಇಲ್ಲ; }

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