ಹಲವು ವರ್ಷಗಳಿಂದ, ಸಿಎಸ್ಎಸ್ ಫ್ಲೋಟ್ಗಳು ವೆಬ್ಸೈಟ್ ಚೌಕಟ್ಟನ್ನು ರಚಿಸುವಲ್ಲಿ ಒಂದು ಸರಳವಾದ, ಇನ್ನೂ ಅವಶ್ಯಕ ಅಂಶವಾಗಿದೆ. ನಿಮ್ಮ ವಿನ್ಯಾಸ ಬಹು ಕಾಲಮ್ಗಳನ್ನು ಕರೆದರೆ, ನೀವು ಫ್ಲೋಟ್ಗಳಿಗೆ ತಿರುಗಿಕೊಂಡಿದ್ದೀರಿ . ಸಂಕೀರ್ಣ ಸೈಟ್ ಚೌಕಟ್ಟನ್ನು ಸೃಷ್ಟಿಸುವಲ್ಲಿ ವೆಬ್ ವಿನ್ಯಾಸಕರು / ಅಭಿವರ್ಧಕರು ತೋರಿಸಿದ ನಂಬಲಾಗದ ಚತುರತೆಯ ಹೊರತಾಗಿಯೂ, ಸಿಎಸ್ಎಸ್ ಫ್ಲೋಟ್ಗಳು ನಿಜವಾಗಿಯೂ ಈ ರೀತಿಯಲ್ಲಿ ಬಳಸಬೇಕಾದ ಅರ್ಥವಲ್ಲ ಎಂದು ಈ ವಿಧಾನದ ಸಮಸ್ಯೆ.
ಫ್ಲೋಟ್ಗಳು ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಸ್ಥಾನೀಕರಣವು ಮುಂಬರುವ ಹಲವು ವರ್ಷಗಳಿಂದ ವೆಬ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಸ್ಥಾನ ಪಡೆಯುವುದು ಖಚಿತವಾಗಿದ್ದರೂ, ಸಿಎಸ್ಎಸ್ ಗ್ರಿಡ್ ಮತ್ತು ಫ್ಲೆಕ್ಸ್ಬಾಕ್ಸ್ನಂತಹ ಹೊಸ ಲೇಔಟ್ ತಂತ್ರಜ್ಞಾನಗಳು ಈಗ ವೆಬ್ ವಿನ್ಯಾಸಕರು ತಮ್ಮ ಸೈಟ್ ವಿನ್ಯಾಸಗಳನ್ನು ರಚಿಸಲು ಹೊಸ ಮಾರ್ಗಗಳನ್ನು ನೀಡುತ್ತಿವೆ. ಬಹು ಸಾಮರ್ಥ್ಯಗಳನ್ನು ತೋರಿಸುವ ಮತ್ತೊಂದು ಹೊಸ ವಿನ್ಯಾಸ ತಂತ್ರವೆಂದರೆ ಸಿಎಸ್ಎಸ್ ಮಲ್ಟಿಪಲ್ ಕಾಲಮ್ಗಳು.
ಸಿಎಸ್ಎಸ್ ಕಾಲಮ್ಗಳು ಈಗ ಕೆಲವು ವರ್ಷಗಳ ಕಾಲ ನಡೆದಿವೆ, ಆದರೆ ಹಳೆಯ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ (ಮುಖ್ಯವಾಗಿ ಹಳೆಯ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ ಆವೃತ್ತಿಗಳಲ್ಲಿ) ಬೆಂಬಲ ಕೊರತೆ ಅನೇಕ ವೆಬ್ ವೃತ್ತಿಪರರಿಗೆ ಈ ಶೈಲಿಯನ್ನು ತಮ್ಮ ಉತ್ಪಾದನಾ ಕಾರ್ಯದಲ್ಲಿ ಬಳಸದಂತೆ ಇರಿಸಿದೆ.
ಐಇದ ಆ ಹಳೆಯ ಆವೃತ್ತಿಯ ಬೆಂಬಲದಿಂದಾಗಿ, ಕೆಲವು ವೆಬ್ ವಿನ್ಯಾಸಕರು ಈಗ ಹೊಸ ಸಿಎಸ್ಎಸ್ ಲೇಔಟ್ ಆಯ್ಕೆಗಳನ್ನು, ಸಿಎಸ್ಎಸ್ ಕಾಲಮ್ಗಳು ಒಳಗೊಂಡಿತ್ತು, ಮತ್ತು ಅವರು ಫ್ಲೋಟ್ಗಳೊಂದಿಗೆ ಮಾಡಿದ್ದಕ್ಕಿಂತ ಈ ಹೊಸ ವಿಧಾನಗಳೊಂದಿಗೆ ಹೆಚ್ಚು ನಿಯಂತ್ರಣವನ್ನು ಹೊಂದಿದ್ದಾರೆ ಎಂದು ಕಂಡುಕೊಂಡಿದ್ದಾರೆ.
ಸಿಎಸ್ಎಸ್ ಅಂಕಣಗಳ ಮೂಲಗಳು
ಅದರ ಹೆಸರೇ ಸೂಚಿಸುವಂತೆ, ಸಿಎಸ್ಎಸ್ ಮಲ್ಟಿಪಲ್ ಕಾಲಮ್ಗಳು (ಸಹ CSS3 ಮಲ್ಟಿ ಕಾಲಮ್ ಲೇಔಟ್ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ) ನೀವು ಕಾಲಮ್ಗಳನ್ನು ಒಂದು ಸೆಟ್ ಸಂಖ್ಯೆಯ ವಿಷಯವನ್ನು ಬೇರ್ಪಡಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ನೀವು ಬಳಸಬಹುದಾದ ಅತ್ಯಂತ ಮೂಲಭೂತ ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳು ಹೀಗಿವೆ:
- ಕಾಲಮ್ ಎಣಿಕೆ
- ಕಾಲಮ್ ಅಂತರ
ಕಾಲಮ್ ಎಣಿಕೆಗಾಗಿ, ನೀವು ಬಯಸುವ ಕಾಲಮ್ಗಳ ಸಂಖ್ಯೆಯನ್ನು ನೀವು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತೀರಿ. ಕಾಲಮ್ ಅಂತರವು ಆ ಕಾಲಮ್ಗಳ ನಡುವಿನ ಕೊಳವೆಗಳು ಅಥವಾ ಅಂತರವಾಗಿರುತ್ತದೆ. ಬ್ರೌಸರ್ ಈ ಮೌಲ್ಯಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ ಮತ್ತು ನೀವು ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಕಾಲಮ್ಗಳ ಸಂಖ್ಯೆಗೆ ಸಮನಾಗಿ ವಿಷಯವನ್ನು ವಿಭಜಿಸುತ್ತದೆ.
ಪ್ರಾಯೋಗಿಕವಾಗಿ ಸಿಎಸ್ಎಸ್ ಬಹು ಕಾಲಮ್ಗಳ ಒಂದು ಸಾಮಾನ್ಯ ಉದಾಹರಣೆಯೆಂದರೆ, ಪಠ್ಯ ವಿಷಯದ ಒಂದು ಭಾಗವನ್ನು ಬಹು ಕಾಲಮ್ಗಳಾಗಿ ವಿಭಜಿಸುವುದು, ನೀವು ಪತ್ರಿಕೆ ಲೇಖನದಲ್ಲಿ ನೋಡಿದಂತೆ. ಕೆಳಗಿನ ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಾರ್ಕ್ಅಪ್ ಅನ್ನು ಗಮನಿಸಿ (ಉದಾಹರಣೆಗೆ, ನಾನು ಒಂದು ಪ್ಯಾರಾಗ್ರಾಫ್ ಆರಂಭವನ್ನು ಮಾತ್ರ ಮಾಡುತ್ತಿದ್ದೇನೆ, ಈ ಮಾರ್ಕ್ಅಪ್ನಲ್ಲಿ ವಿಷಯದ ಬಹು ಪ್ಯಾರಾಗಳು ಸಾಧ್ಯತೆ ಇರುತ್ತದೆ).
ನಿಮ್ಮ ಲೇಖನದ ಶಿರೋನಾಮೆ
ಇಲ್ಲಿ ಪಠ್ಯದ ಹಲವಾರು ಪ್ಯಾರಾಗಳನ್ನು ಇಮ್ಯಾಜಿನ್ ಮಾಡಿ ...
ನೀವು ಈ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಗಳನ್ನು ಬರೆದರೆ:
.content {-moz-column-count: 3; -ವೆಬ್ಕಿಟ್-ಕಾಲಮ್-ಎಣಿಕೆ: 3; ಕಾಲಮ್ ಎಣಿಕೆ: 3; -moz-column-gap: 30px; -ವೆಬ್ಕಿಟ್-ಕಾಲಮ್-ಅಂತರ: 30px; ಕಾಲಮ್-ಅಂತರ: 30px; }ಈ CSS ನಿಯಮವು "ವಿಷಯ" ವಿಭಾಗವನ್ನು 3 ಸಮಾನ ಕಾಲಮ್ಗಳಾಗಿ ವಿಭಜಿಸುತ್ತದೆ, ಅವುಗಳ ನಡುವೆ 30 ಪಿಕ್ಸೆಲ್ಗಳ ಅಂತರವಿದೆ. ನೀವು 3 ಕ್ಕಿಂತ ಬದಲಾಗಿ ಎರಡು ಕಾಲಂಗಳನ್ನು ಬಯಸಿದರೆ, ನೀವು ಆ ಮೌಲ್ಯವನ್ನು ಸರಳವಾಗಿ ಬದಲಾಯಿಸಬಹುದು ಮತ್ತು ವಿಷಯವನ್ನು ಸಮನಾಗಿ ವಿಭಜಿಸಲು ಆ ಕಾಲಮ್ಗಳ ಹೊಸ ಅಗಲವನ್ನು ಬ್ರೌಸರ್ ಲೆಕ್ಕಾಚಾರ ಮಾಡುತ್ತದೆ. ಮೊದಲು ನಾವು ಮಾರಾಟಗಾರ-ಪೂರ್ವಸೂಚಕ ಗುಣಗಳನ್ನು ಮೊದಲು ಬಳಸುತ್ತೇವೆ ಎಂದು ಗಮನಿಸಿ, ಮುಂಚಿತವಾಗಿಲ್ಲದ ಪೂರ್ವಭಾವಿ ಘೋಷಣೆಗಳು.
ಇದು ಸುಲಭವಾಗಿದ್ದು, ಇದರ ಬಳಕೆಯು ವೆಬ್ಸೈಟ್ ಬಳಕೆಗೆ ಪ್ರಶ್ನಾರ್ಹವಾಗಿದೆ. ಹೌದು, ನೀವು ವಿಷಯದ ಗುಂಪನ್ನು ಬಹು ಕಾಲಮ್ಗಳಾಗಿ ವಿಭಜಿಸಬಹುದು, ಆದರೆ ಇದು ವೆಬ್ಗಾಗಿ ಉತ್ತಮ ಓದುವ ಅನುಭವವಾಗಿರಲಾರದು, ವಿಶೇಷವಾಗಿ ಈ ಕಾಲಮ್ಗಳ ಎತ್ತರ ಪರದೆಯ "ಪಟ್ಟು" ಕೆಳಗೆ ಬೀಳಿದರೆ.
ಪೂರ್ಣ ವಿಷಯವನ್ನು ಓದುಗರಿಗೆ ಓದುಗರು ನಂತರ ಸ್ಕ್ರಾಲ್ ಮಾಡಬೇಕಾಗಬಹುದು. ಇನ್ನೂ, ಸಿಎಸ್ಎಸ್ ಅಂಕಣಗಳ ಪ್ರಧಾನ ನೀವು ಇಲ್ಲಿ ಕಾಣುವಷ್ಟು ಸುಲಭ, ಮತ್ತು ಇದು ಕೇವಲ ಕೆಲವು ಪ್ಯಾರಾಗಳು ವಿಷಯವನ್ನು ವಿಭಜಿಸುವ ಹೆಚ್ಚು ಮಾಡಲು ಬಳಸಬಹುದು - ಇದು, ವಾಸ್ತವವಾಗಿ, ಲೇಔಟ್ ಬಳಸಬಹುದು.
ಸಿಎಸ್ಎಸ್ ಕಾಲಮ್ಗಳು ಲೇಔಟ್
ವಿಷಯದ 3 ಕಾಲಮ್ಗಳನ್ನು ಹೊಂದಿರುವ ವಿಷಯ ಪ್ರದೇಶದೊಂದಿಗೆ ನೀವು ವೆಬ್ಪುಟವನ್ನು ಹೊಂದಿರುವಿರಿ ಎಂದು ಹೇಳಿ. ಇದು ಒಂದು ವಿಶಿಷ್ಟವಾದ ವೆಬ್ಸೈಟ್ ವಿನ್ಯಾಸವಾಗಿದ್ದು, ಆ 3 ಕಾಲಮ್ಗಳನ್ನು ಸಾಧಿಸಲು, ನೀವು ಸಿಎಸ್ಎಸ್ ಬಹು-ಕಾಲಮ್ಗಳನ್ನು ಹೊಂದಿರುವಂತಹ ವಿಭಾಗಗಳನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ತೇಲುತ್ತಾರೆ, ಅದು ತುಂಬಾ ಸುಲಭ.
ಇಲ್ಲಿ ಕೆಲವು ಮಾದರಿ HTML ಆಗಿದೆ:
ಇತ್ತೀಚೆಗಿನ ಸುದ್ದಿ
ವಿಷಯ ಇಲ್ಲಿ ಹೋಗಲಿದೆ ...
ನಮ್ಮ ಬ್ಲಾಗ್ನಿಂದ
ವಿಷಯವು ಇಲ್ಲಿ ಹೋಗಲಿದೆ ...
ಮುಂಬರುವ ಕಾರ್ಯಕ್ರಮಗಳು
ವಿಷಯ ಇಲ್ಲಿ ಹೋಗಲಿದೆ ...
ಈ ಬಹು ಕಾಲಮ್ಗಳನ್ನು ಮಾಡಲು ನೀವು ಮೊದಲು ನೋಡಿದ್ದೀರಿ ಸಿಎಸ್ಎಸ್:
.content {-moz-column-count: 3; -ವೆಬ್ಕಿಟ್-ಕಾಲಮ್-ಎಣಿಕೆ: 3; ಕಾಲಮ್ ಎಣಿಕೆ: 3; -moz-column-gap: 30px; -ವೆಬ್ಕಿಟ್-ಕಾಲಮ್-ಅಂತರ: 30px; ಕಾಲಮ್-ಅಂತರ: 30px; }ಈಗ, ಈ ವಿಷಯವೆಂದರೆ ಬ್ರೌಸರ್ ಈ ವಿಷಯವನ್ನು ಸಮನಾಗಿ ವಿಭಜಿಸಲು ಬಯಸುತ್ತದೆ, ಆದ್ದರಿಂದ ಈ ವಿಭಾಗಗಳ ವಿಷಯದ ಉದ್ದವು ವಿಭಿನ್ನವಾದರೆ, ಆ ಬ್ರೌಸರ್ ನಿಜವಾಗಿ ಪ್ರತ್ಯೇಕ ವಿಭಾಗದ ವಿಷಯವನ್ನು ವಿಭಜಿಸುತ್ತದೆ ಮತ್ತು ಅದರ ಪ್ರಾರಂಭವನ್ನು ಒಂದು ಕಾಲಮ್ಗೆ ಸೇರಿಸುತ್ತದೆ ಮತ್ತು ನಂತರ ಇನ್ನೊಂದಕ್ಕೆ ಮುಂದುವರಿಯುತ್ತದೆ (ಪ್ರತಿ ವಿಭಾಗದೊಳಗೆ ಪ್ರಯೋಗವನ್ನು ನಡೆಸಲು ಮತ್ತು ವಿಭಿನ್ನ ಉದ್ದದ ವಿಷಯವನ್ನು ಸೇರಿಸಲು ಈ ಕೋಡ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು ಇದನ್ನು ನೋಡಬಹುದು)!
ಅದು ನಿಮಗೆ ಬೇಕಾಗಿಲ್ಲ. ಈ ಪ್ರತಿಯೊಂದು ವಿಭಾಗಗಳು ವಿಭಿನ್ನ ಅಂಕಣವನ್ನು ರಚಿಸಲು ನೀವು ಬಯಸುತ್ತೀರಿ ಮತ್ತು, ಪ್ರತ್ಯೇಕ ವಿಭಾಗದ ವಿಷಯ ಎಷ್ಟು ದೊಡ್ಡದಾದರೂ ಚಿಕ್ಕದಾದರೂ ಆಗಿರಬಹುದು, ನೀವು ಅದನ್ನು ಬೇರ್ಪಡಿಸಲು ಬಯಸುವುದಿಲ್ಲ. ಈ ಒಂದು ಹೆಚ್ಚುವರಿ ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ನೀವು ಇದನ್ನು ಸಾಧಿಸಬಹುದು:
.content div {display: inline-block; }ಬ್ರೌಸರ್ ಇದು ಬಹು ಕಾಲಮ್ಗಳಾಗಿ ವಿಭಜನೆಯಾದಾಗಲೂ "ವಿಷಯ" ಒಳಗಿರುವ ಆ ವಿಭಾಗಗಳನ್ನು ಸರಿಯಾಗಿ ಉಳಿಯಲು ಒತ್ತಾಯಿಸುತ್ತದೆ. ಇನ್ನೂ ಉತ್ತಮವಾದದ್ದು, ನಾವು ಇಲ್ಲಿ ಸ್ಥಿರವಾದ ಅಗಲವನ್ನು ಕೊಡದ ಕಾರಣ, ಬ್ರೌಸರ್ಗಳು ಮರುಗಾತ್ರಗೊಳಿಸುವಂತೆ ಈ ಕಾಲಮ್ಗಳು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಮರುಗಾತ್ರಗೊಳ್ಳುತ್ತವೆ, ಮತ್ತು ಅವುಗಳನ್ನು ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ವೆಬ್ಸೈಟ್ಗಳಿಗೆ ಸೂಕ್ತವಾದ ಅಪ್ಲಿಕೇಶನ್ ಆಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ. ಆ "ಇನ್ಲೈನ್-ಬ್ಲಾಕ್" ಶೈಲಿಯೊಂದಿಗೆ ನಿಮ್ಮ 3 ವಿಭಾಗಗಳು ಪ್ರತಿಯೊಂದು ವಿಷಯದ ವಿಭಿನ್ನವಾದ ಕಾಲಮ್ಗಳಾಗಿರುತ್ತವೆ.
ಕಾಲಮ್-ಅಗಲವನ್ನು ಬಳಸಿ
ನೀವು ಬಳಸಬಹುದಾದ "ಕಾಲಮ್-ಎಣಿಕೆ" ಜೊತೆಗೆ ಮತ್ತೊಂದು ಆಸ್ತಿ ಇದೆ ಮತ್ತು ನಿಮ್ಮ ಲೇಔಟ್ ಅಗತ್ಯಗಳನ್ನು ಅವಲಂಬಿಸಿ, ಅದು ನಿಜವಾಗಿಯೂ ನಿಮ್ಮ ಸೈಟ್ಗೆ ಉತ್ತಮ ಆಯ್ಕೆಯಾಗಿರಬಹುದು. ಇದು "ಕಾಲಮ್ ಅಗಲ" ಆಗಿದೆ. ಹಿಂದೆ ತೋರಿಸಿದಂತೆ ಅದೇ HTML ಮಾರ್ಕ್ಅಪ್ ಅನ್ನು ಬಳಸುವುದರಿಂದ, ನಾವು ಇದನ್ನು ನಮ್ಮ ಸಿಎಸ್ಎಸ್ನೊಂದಿಗೆ ಬದಲಿಸಬಹುದು:
.content {-moz-column-width: 500px; -ವೆಬ್ಕಿಟ್-ಕಾಲಮ್ ಅಗಲ: 500px; ಕಾಲಮ್-ಅಗಲ: 500px; -moz-column-gap: 30px; -ವೆಬ್ಕಿಟ್-ಕಾಲಮ್-ಅಂತರ: 30px; ಕಾಲಮ್-ಅಂತರ: 30px; } .content div {display: inline-block; }ಈ ಕಾಲಮ್ನ ಗರಿಷ್ಟ ಮೌಲ್ಯವಾಗಿ ಈ "ಕಾಲಮ್-ಅಗಲ" ಅನ್ನು ಬ್ರೌಸರ್ ಬಳಸುತ್ತದೆ ಎಂಬುದು ಇದರ ಕಾರ್ಯ ವಿಧಾನವಾಗಿದೆ. ಹಾಗಾಗಿ ಬ್ರೌಸರ್ ವಿಂಡೋವು 500 ಪಿಕ್ಸೆಲ್ಗಳಿಗಿಂತಲೂ ಕಡಿಮೆಯಿದ್ದರೆ, ಈ 3 ವಿಭಾಗಗಳು ಮತ್ತೊಂದು ಕಾಲಮ್ಗಳಲ್ಲಿ ಒಂದು ಕಾಲಮ್ನಲ್ಲಿ ಗೋಚರಿಸುತ್ತವೆ. ಇದು ಮೊಬೈಲ್ / ಸಣ್ಣ ಪರದೆಯ ಚೌಕಟ್ಟಿನಲ್ಲಿ ಬಳಸಲಾಗುವ ವಿಶಿಷ್ಟ ವಿನ್ಯಾಸವಾಗಿದೆ.
ನಿರ್ದಿಷ್ಟ ಕಾಲಮ್ ವಿರಾಮಗಳೊಂದಿಗೆ 2 ಕಾಲಮ್ಗಳನ್ನು ಸರಿಹೊಂದಿಸಲು ಬ್ರೌಸರ್ ಅಗಲವು ದೊಡ್ಡದಾಗಿರುವುದರಿಂದ, ಬ್ರೌಸರ್ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಒಂದು ಕಾಲಮ್ ವಿನ್ಯಾಸದಿಂದ ಎರಡು ಕಾಲಮ್ಗಳಿಗೆ ಹೋಗುತ್ತದೆ. ಪರದೆಯ ಅಗಲವನ್ನು ಹೆಚ್ಚಿಸಿಕೊಳ್ಳಿ ಮತ್ತು ಅಂತಿಮವಾಗಿ, ನೀವು 3 ಕಾಲಮ್ ವಿನ್ಯಾಸವನ್ನು ಪಡೆಯುತ್ತೀರಿ, ಅದರಲ್ಲಿ ಪ್ರತಿಯೊಂದೂ ತಮ್ಮದೇ ಸ್ವಂತ ಕಾಲಮ್ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಮತ್ತೊಮ್ಮೆ, ಇದು ಕೆಲವು ಪ್ರತಿಕ್ರಿಯಾಶೀಲ, ಬಹು-ಸಾಧನ ಸ್ನೇಹಿ ವಿನ್ಯಾಸಗಳನ್ನು ಪಡೆಯಲು ಉತ್ತಮ ಮಾರ್ಗವಾಗಿದೆ, ಮತ್ತು ಲೇಔಟ್ ಶೈಲಿಗಳನ್ನು ಬದಲಾಯಿಸಲು ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳನ್ನು ಸಹ ನೀವು ಬಳಸಬೇಕಾಗಿಲ್ಲ!
ಇತರೆ ಕಾಲಮ್ ಗುಣಲಕ್ಷಣಗಳು
ಇಲ್ಲಿ ಒಳಗೊಂಡಿರುವ ಗುಣಲಕ್ಷಣಗಳ ಜೊತೆಗೆ, ನಿಮ್ಮ ಕಾಲಮ್ಗಳ ನಡುವಿನ ನಿಯಮಗಳನ್ನು ರಚಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಬಣ್ಣ, ಶೈಲಿ ಮತ್ತು ಅಗಲ ಮೌಲ್ಯಗಳು ಸೇರಿದಂತೆ "ಕಾಲಮ್-ನಿಯಮ" ಕ್ಕೆ ಗುಣಲಕ್ಷಣಗಳಿವೆ. ನಿಮ್ಮ ಕಾಲಮ್ಗಳನ್ನು ಬೇರ್ಪಡಿಸುವ ಕೆಲವು ಸಾಲುಗಳನ್ನು ನೀವು ಹೊಂದಲು ಬಯಸಿದರೆ ಅಂಚುಗಳಿಗೆ ಬದಲಾಗಿ ಅವುಗಳನ್ನು ಬಳಸಲಾಗುವುದು.
ಪ್ರಾಯೋಗಿಕ ಸಮಯ
ಪ್ರಸ್ತುತ, ಸಿಎಸ್ಎಸ್ ಬಹು ಕಾಲಮ್ ಲೇಔಟ್ ಚೆನ್ನಾಗಿ ಬೆಂಬಲಿತವಾಗಿದೆ. ಪೂರ್ವಪ್ರತ್ಯಯಗಳೊಂದಿಗೆ, 94% ಕ್ಕಿಂತಲೂ ಹೆಚ್ಚಿನ ವೆಬ್ ಬಳಕೆದಾರರು ಈ ಶೈಲಿಗಳನ್ನು ನೋಡಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ, ಮತ್ತು ಬೆಂಬಲಿತವಲ್ಲದ ಗುಂಪು ನಿಜವಾಗಿಯೂ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ನ ಹಳೆಯ ಆವೃತ್ತಿಗಳಾಗಿರಬಹುದು, ಅದು ನೀವು ಎಲ್ಲಿಯೂ ಸಹ ಬೆಂಬಲಿಸುವುದಿಲ್ಲ.
ಈ ಹಂತದ ಬೆಂಬಲದೊಂದಿಗೆ ಸ್ಥಳದಲ್ಲಿ, ಸಿಎಸ್ಎಸ್ ಕಾಲಮ್ಗಳೊಂದಿಗೆ ಪ್ರಯೋಗವನ್ನು ಪ್ರಾರಂಭಿಸಲು ಮತ್ತು ಉತ್ಪಾದನಾ ಸಿದ್ಧ ವೆಬ್ಸೈಟ್ಗಳಲ್ಲಿ ಈ ಶೈಲಿಗಳನ್ನು ನಿಯೋಜಿಸಲು ಯಾವುದೇ ಕಾರಣವಿಲ್ಲ. ನಿಮ್ಮ ಸೈಟ್ನ ವಿನ್ಯಾಸದ ಅಗತ್ಯಗಳಿಗೆ ಉತ್ತಮವಾಗಿ ಕೆಲಸ ಮಾಡುವಂತಹವುಗಳನ್ನು ನೋಡಲು ಈ ಲೇಖನದಲ್ಲಿ ನೀಡಲಾದ HTML ಮತ್ತು CSS ಅನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಪ್ರಯೋಗಗಳನ್ನು ನೀವು ಪ್ರಾರಂಭಿಸಬಹುದು ಮತ್ತು ವಿವಿಧ ಮೌಲ್ಯಗಳೊಂದಿಗೆ ಪ್ಲೇ ಮಾಡಬಹುದು.