ಸಿಎಸ್ಎಸ್ ಜೊತೆ ಪ್ಯಾರಾಗಳು ಇಂಡೆಂಟ್ ಹೇಗೆ

ಪಠ್ಯ-ಇಂಡೆಂಟ್ ಆಸ್ತಿ ಮತ್ತು ಪಕ್ಕದ ಒಡಹುಟ್ಟಿದವರು ಆಯ್ಕೆ ಮಾಡುವವರು ಬಳಸಿ

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

ನೀವು ಸಾಮಾನ್ಯವಾಗಿ ಕಾಣುವ ಒಂದು ಸಾಮಾನ್ಯ ಪ್ಯಾರಾಗ್ರಾಫ್ ಶೈಲಿ ಮುದ್ರಣದಲ್ಲಿ (ಮತ್ತು ನಾವು ಆನ್ಲೈನ್ನಲ್ಲಿ ಪುನಃ ರಚಿಸಬಹುದು) ಆ ಪ್ಯಾರಾಗ್ರಾಫ್ನ ಮೊದಲ ಸಾಲು ಒಂದು ಟ್ಯಾಬ್ ಸ್ಪೇಸ್ ಇಂಡೆಂಟ್ ಆಗಿರುತ್ತದೆ. ಇದು ಓದುಗರಿಗೆ ಒಂದು ಪ್ಯಾರಾಗ್ರಾಫ್ ಎಲ್ಲಿ ಆರಂಭವಾಗುತ್ತದೆ ಮತ್ತು ಇನ್ನೊಂದು ತುದಿಗಳನ್ನು ನೋಡಲು ಅನುಮತಿಸುತ್ತದೆ.

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

ಈ ಆಸ್ತಿಯ ಸಿಂಟ್ಯಾಕ್ಸ್ ಸರಳವಾಗಿದೆ. ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿನ ಎಲ್ಲಾ ಪ್ಯಾರಾಗಳಿಗೆ ಪಠ್ಯ-ಇಂಡೆಂಟ್ ಅನ್ನು ನೀವು ಹೇಗೆ ಸೇರಿಸುತ್ತೀರಿ ಎಂಬುದು ಇಲ್ಲಿರುತ್ತದೆ.

p {text-indent: 2em; }

ಇಂಡೆಂಟ್ಗಳನ್ನು ಗ್ರಾಹಕೀಯಗೊಳಿಸುವುದು

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

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

p + p {text-indent: 2em; }

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

p {margin-bottom: 0; ಪ್ಯಾಡಿಂಗ್ ಬಾಟಮ್: 0; } p + p {margin-top: 0; ಪ್ಯಾಡಿಂಗ್-ಟಾಪ್: 0; }

ಋಣಾತ್ಮಕ ಇಂಡೆಂಟ್ಗಳು

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

ಉದಾಹರಣೆಗೆ, ನೀವು ಒಂದು ಬ್ಲಾಕ್ಕೋಟ್ನ ವಂಶಸ್ಥರಾಗಿದ್ದ ಪ್ಯಾರಾಗ್ರಾಫ್ ಅನ್ನು ಹೊಂದಿದ್ದೀರಿ ಮತ್ತು ಅದನ್ನು ಋಣಾತ್ಮಕವಾಗಿ ಇಂಡೆಂಟ್ ಮಾಡಬೇಕೆಂದು ನೀವು ಬಯಸುತ್ತೀರಿ. ನೀವು ಈ ಸಿಎಸ್ಎಸ್ ಬರೆಯಬಹುದು:

ಬ್ಲಾಕ್ಕೋಟ್ ಪುಟ {text-indent: -5em; }

ಇದು ಪ್ಯಾರಾಗ್ರಾಫ್ನ ಆರಂಭವನ್ನು ನೀಡುತ್ತದೆ, ಇದು ಉದ್ಧರಣ ಚಿಹ್ನೆಯನ್ನು ರಚಿಸಲು ಸ್ವಲ್ಪ ಎಡಕ್ಕೆ ತೆರಳಬೇಕಾದರೆ ಆರಂಭಿಕ ಉಲ್ಲೇಖದ ಪಾತ್ರವನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ.

ಅಂಚು ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ ಬಗ್ಗೆ

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