ವೆಬ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಪ್ರಮುಖವಾಗಿ ಕಲಿಯುವಿಕೆ

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

ಪ್ರಮುಖ ಉದ್ದೇಶ

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

ವೆಬ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಪ್ರಮುಖ

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

ಇದು ವೆಬ್ ವಿನ್ಯಾಸಕ್ಕೆ ಬಂದಾಗ, "ಪ್ರಮುಖ" ಗಾಗಿ ಯಾವುದೇ CSS ಆಸ್ತಿಗಳಿಲ್ಲ. ಬದಲಿಗೆ, ಪಠ್ಯದ ಈ ದೃಶ್ಯ ಪ್ರದರ್ಶನವನ್ನು ನಿರ್ವಹಿಸುವ CSS ಆಸ್ತಿಯನ್ನು ಲೈನ್-ಎತ್ತರ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ. ಪಠ್ಯದ ಸಮತಲವಾದ ರೇಖೆಗಳ ನಡುವೆ ನಿಮ್ಮ ಪಠ್ಯ ಹೆಚ್ಚುವರಿ ಜಾಗವನ್ನು ಹೊಂದಲು ನೀವು ಬಯಸಿದರೆ, ನೀವು ಈ ಆಸ್ತಿಯನ್ನು ಬಳಸುತ್ತೀರಿ. ಉದಾಹರಣೆಗೆ, ನಿಮ್ಮ ಸೈಟ್ನ

ಅಂಶದ ಒಳಗೆ ಎಲ್ಲಾ ಪ್ಯಾರಾಗಳಿಗಾಗಿ ಲೈನ್ ಎತ್ತರವನ್ನು ಹೆಚ್ಚಿಸಲು ನೀವು ಬಯಸುತ್ತೀರಿ ಎಂದು ನೀವು ಹೇಳಬಹುದು:

ಮುಖ್ಯ ಪು {ಸಾಲು-ಎತ್ತರ: 1.5; }

ಪುಟದ ಪೂರ್ವನಿಯೋಜಿತ ಫಾಂಟ್ ಗಾತ್ರವನ್ನು ಆಧರಿಸಿ ಇದು ಸಾಮಾನ್ಯವಾಗಿ 1.5 ಪಟ್ಟು ಸಾಮಾನ್ಯ ಸಾಲು ಎತ್ತರವಾಗಿರುತ್ತದೆ (ಇದು ಸಾಮಾನ್ಯವಾಗಿ 16px ಆಗಿದೆ).

ಸಾಲು-ಎತ್ತರವನ್ನು ಬಳಸುವಾಗ

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

ಸಾಲು-ಎತ್ತರವನ್ನು ಬಳಸದಿರುವಾಗ

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

ಕೆಲವು ಪಠ್ಯ ಅಂಶಗಳ ಅಡಿಯಲ್ಲಿ ಜಾಗವನ್ನು ಸೇರಿಸಲು ನೀವು ಬಯಸಿದರೆ, ನೀವು ಮಾರ್ಜಿನ್ ಅಥವಾ ಪ್ಯಾಡಿಂಗ್ ಅನ್ನು ಬಳಸುತ್ತೀರಿ. ನಾವು ಬಳಸಿದ ಹಿಂದಿನ ಸಿಎಸ್ಎಸ್ ಉದಾಹರಣೆಗೆ ಹೋಗುವಾಗ, ನಾವು ಇದನ್ನು ಸೇರಿಸಬಹುದು:

ಮುಖ್ಯ ಪು {ಸಾಲು-ಎತ್ತರ: 1.5; ಅಂಚು-ಕೆಳಗೆ: 24px; }

ಇದು ನಮ್ಮ ಪುಟದ ಪ್ಯಾರಾಗ್ರಾಫ್ನ (

ಅಂಶದ ಒಳಗಿರುವ) ಪಠ್ಯ ಸಾಲುಗಳ ನಡುವೆ 1.5 ಸಾಲು ಎತ್ತರವನ್ನು ಹೊಂದಿರುತ್ತದೆ. ಅದೇ ಪ್ಯಾರಾಗ್ರಾಫ್ಗಳು ಅವುಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದಕ್ಕೂ ಕೆಳಗಿರುವ ಬಿಳಿಯರ 24 ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ಹೊಂದಿದ್ದು, ಓದುಗರು ಸುಲಭವಾಗಿ ಒಂದು ಪ್ಯಾರಾಗ್ರಾಫ್ ಅನ್ನು ಸುಲಭವಾಗಿ ಗುರುತಿಸಲು ಅವಕಾಶ ಮಾಡಿಕೊಡುವ ದೃಶ್ಯ ವಿರಾಮಗಳನ್ನು ಅನುಮತಿಸುತ್ತಾರೆ ಮತ್ತು ವೆಬ್ಸೈಟ್ ಮಾಡಲು ಸುಲಭವಾಗಿ ಓದುವಂತೆ ಮಾಡುತ್ತಾರೆ. ಅಂಚುಗಳ ಸ್ಥಳದಲ್ಲಿ ನೀವು ಪ್ಯಾಡಿಂಗ್ ಆಸ್ತಿಯನ್ನು ಸಹ ಬಳಸಬಹುದು:

ಮುಖ್ಯ ಪು {ಸಾಲು-ಎತ್ತರ: 1.5; ಪ್ಯಾಡಿಂಗ್-ಬಾಟಮ್: 24 px; }

ಬಹುತೇಕ ಎಲ್ಲಾ ಸಂದರ್ಭಗಳಲ್ಲಿ, ಇದು ಹಿಂದಿನ ಸಿಎಸ್ಎಸ್ ರೀತಿಯಲ್ಲಿಯೇ ಪ್ರದರ್ಶಿಸುತ್ತದೆ.

"ಸೇವೆ-ಮೆನು" ಒಂದು ವರ್ಗದೊಂದಿಗೆ ಪಟ್ಟಿಯೊಳಗಿನ ಪಟ್ಟಿ ಐಟಂಗಳ ಕೆಳಗೆ ಅಂತರವನ್ನು ಸೇರಿಸಲು ನೀವು ಬಯಸಿದ್ದೀರಾ, ನೀವು ಸಾಲು ಎತ್ತರವಿಲ್ಲದೆ ಮಾರ್ಜಿನ್ಗಳನ್ನು ಅಥವಾ ಪ್ಯಾಡಿಂಗ್ ಅನ್ನು ಬಳಸುತ್ತೀರಿ. ಆದ್ದರಿಂದ ಇದು ಸೂಕ್ತವಾಗಿದೆ.

.ಸರ್ವೈಸ್-ಮೆನು ಲಿ {<ಪ್ಯಾಡಿಂಗ್-ಬಾಟಮ್: 30px; }

ನೀವು ಪಟ್ಟಿಯ-ಎತ್ತರವನ್ನು ಸ್ವತಃ ಒಳಗೆ ಇರಿಸಲು ಬಯಸಿದಲ್ಲಿ ನೀವು ಲೈನ್-ಎತ್ತರವನ್ನು ಮಾತ್ರ ಬಳಸುತ್ತಿದ್ದರು, ಪ್ರತಿ ಬುಲೆಟ್ ಪಾಯಿಂಟ್ಗೆ ಬಹು ಸಾಲುಗಳಿಗೆ ಓಡಬಹುದಾದ ದೀರ್ಘವಾದ ಪಠ್ಯಗಳಿದ್ದವು ಎಂದು ಭಾವಿಸಿ.