ಸಿಎಸ್ಎಸ್ ಫ್ಲೋಟ್: ವಿವರಣೆ, ಗುಣಗಳನ್ನು

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

ಅಲ್ಲದೆ, ಅಭಿವರ್ಧಕರು ಮೊದಲ Flexbox ಅಥವಾ ಸೈಟ್ನಲ್ಲಿ ಸ್ಥಳಾವಕಾಶದ ಮೂಲ ಅಂಶ ಬದಲಾಯಿಸಲು ಸ್ಥಾನದಲ್ಲಿರಿಸಿ ಹೆಚ್ಚು ಅನುಕೂಲಕರ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಆಯ್ಕೆಗಳು,, ಆದರೆ ಮೊದಲ ವಸ್ತುಗಳನ್ನು ಬಳಸಬಹುದು. ಅನುಕೂಲಗಳು ಮತ್ತು ಅನಾನುಕೂಲಗಳನ್ನು ಗುಣಗಳನ್ನು ತೆಪ್ಪ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಆರಂಭಿಸಲು.

ಸಿಎಸ್ಎಸ್ ಫ್ಲೋಟ್ - ಇದು ಏಕೆ ಅಗತ್ಯವಿದೆ?

ತೆಪ್ಪ - ಆಸ್ತಿ ಸ್ಥಾನಿಕ ಅಂಶಗಳಿಗಾಗಿ. ಪ್ರತಿ ದಿನ, ಇದು ಚಿತ್ರಗಳನ್ನು ಮತ್ತು ತುಂಬಾ ಅಂದವಾಗಿ ಇದು ಸುಮಾರು ಅವುಗಳನ್ನು ಸುತ್ತಿ ಪಠ್ಯ ಗಮನಹರಿಸಿದಾಗ, ಪತ್ರಿಕೆಗಳು ಮತ್ತು ನಿಯತಕಾಲಿಕೆಗಳ ಪುಟಗಳಲ್ಲಿ ಕಾಣಬಹುದು. и CSS при использовании функции Float должно произойти то же самое. HTML ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಕೋಡ್ ಜಗತ್ತಿನಲ್ಲಿ ಫ್ಲೋಟ್ ಕಾರ್ಯ ಬಳಸಿಕೊಂಡು ಅದೇ ಆಗಬೇಕಿರುವುದೇನು ಮೂಲಕ ರಲ್ಲಿ. ಆದರೆ ನೆನೆದು ಸಂಕಲನಗಳನ್ನು ಯಾವಾಗಲೂ ಈ ಕಾರ್ಯದ ಮುಖ್ಯ ಉದ್ದೇಶ ಎಂಬುದನ್ನು ಯೋಗ್ಯವಾಗಿದೆ. ಇದು ಎರಡು, ಮೂರು, ನಾಲ್ಕು ಅಂಕಣಗಳಲ್ಲಿ ಸೈಟ್ ಅಂಶಗಳ ಮೆಚ್ಚುಗೆಯದ್ದಾಗಿದೆ ರಚಿಸಲು ಬಳಸಬಹುದು. ವಾಸ್ತವವಾಗಿ, ಫ್ಲೋಟ್ CSS ಗುಣಗಳು ವಾಸ್ತವವಾಗಿ ಯಾವುದೇ HTML ಅಂಶ ಬಳಸಲಾಗುತ್ತದೆ. ವಿನ್ಯಾಸ ಅಂಶಗಳನ್ನು ಫ್ಲೋಟ್ ಕಾರ್ಯ ಬಳಸಿಕೊಂಡು ಸೈಟ್ನ ಯಾವುದೇ ರಚಿಸಲು, ಆಸ್ತಿ ಸಂಪಾದನೆ, ಮತ್ತು ನಂತರ ಮೂಲಭೂತ ತಿಳಿವಳಿಕೆ ಕಷ್ಟ ಸಾಧ್ಯವಿಲ್ಲ.

ವಿಶೇಷ DTP ಕಾರ್ಯಕ್ರಮಗಳು ಕೆಲವೊಮ್ಮೆ ಚಿತ್ರಗಳನ್ನು ನಿರ್ಲಕ್ಷಿಸಬಹುದು ಅವರ ಮೇಲೆ ಹೋಗಲು. ಸಾಕಷ್ಟು ಅಸಹ್ಯ ಸಂಭವಿಸಿ ಮತ್ತು (ಗುಣಗಳನ್ನು ತೆಪ್ಪ ತಪ್ಪಾಗಿ ಬಳಸಿದರೆ) ಕೇವಲ ಚಿತ್ರದ ಏರಿಕೆಗೆ ಪಠ್ಯ ಬೆಳಕಿನಲ್ಲಿ, ಬದಲಿಗೆ ವೆಬ್ ವಿನ್ಯಾಸ, ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ ಮುಂದಿನ ಅಥವಾ ಅಡಿಯಲ್ಲಿ, ಆದರೆ ಯಾವಾಗಲೂ ನೀವು ಡೆವಲಪರ್ ಅಗತ್ಯವಿದೆ ಅಲ್ಲಿ.

ಆಸ್ತಿಯ ಸಿಎಸ್ಎಸ್ ಫ್ಲೋಟ್ ವಿವರಣೆ

ವಾಸ್ತವವಾಗಿ, ಫ್ಲೋಟ್ ಆಸ್ತಿ ಬಳಸುವ ಸಾಮರ್ಥ್ಯ ವೆಬ್ ಡಿಸೈನರ್ ರಂಧ್ರದಲ್ಲಿ ಉತ್ತಮ ಏಸ್ ಇದೆ. ಆದರೆ, ದುರದೃಷ್ಟವಶಾತ್, ಈ ಕೆಲಸ ಹೇಗೆ ತಿಳುವಳಿಕೆಯು ಡಿಕ್ಕಿಗಳು ಮತ್ತು ಈ ರೀತಿಯ ಸೈಟ್ ದುಃಖಗಳಿಂದ ಇತರ ಅಂಶಗಳನ್ನು ಕಾರಣವಾಗಬಹುದು. ಹಿಂದಿನ ಸಹ ಅಂತಹ ಸಂದರ್ಭಗಳಲ್ಲಿ ಕಾರಣ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ದೋಷಗಳನ್ನು ಸಂಭವಿಸುತ್ತವೆ. ಈಗ ಸರಿಯಾಗಿ ಫ್ಲೋಟ್ ಆಸ್ತಿ ಬಳಸಲು ರಹಸ್ಯ ತೆರೆಯಲಾಗುತ್ತದೆ, ಮತ್ತು ಇದು ಯಾವುದೇ ಸಮಸ್ಯೆಗಳನ್ನು ಹೆಚ್ಚಿನ ಇರುವಂತಿಲ್ಲ.

ನಾವು ಆಸ್ತಿ ನಾಲ್ಕು ಮೌಲ್ಯಗಳನ್ನು ಹೊಂದಿದೆ ಫ್ಲೋಟ್:

• ಫ್ಲೋಟ್: ಆನುವಂಶಿಕವಾಗಿ;
• ಫ್ಲೋಟ್: ಬಲ;
• ಫ್ಲೋಟ್: ಎಡಕ್ಕೆ;
• ಫ್ಲೋಟ್: ಯಾವುದೂ ಇಲ್ಲ;

ಇಂಗ್ಲೀಷ್ ತಿಳಿದಿರುವ ಆ, ಮಾನದಂಡ ಮೌಲ್ಯಗಳನ್ನು ತೆಪ್ಪ ಆಸ್ತಿ ಸ್ಪಷ್ಟ ಇರಬೇಕು. ಆದರೆ ಗೊತ್ತಿಲ್ಲ ಯಾರು, ನೀವು ಸ್ವಲ್ಪ ವಿವರಣೆಯನ್ನು ತರಬಹುದು. ಪ್ಯಾರಾಮೀಟರ್: ಎಡಕ್ಕೆ; ಇದು ಮೂಲ ಅಂಶ ಅತ್ಯಂತ ಎಡ ಮೂಲೆಯಲ್ಲಿ ಅಂಶ ದೇಹದ ಚಲಿಸುತ್ತದೆ. ಒಂದೇ ನಡೆಯುತ್ತದೆ (ಇನ್ನೊಂದು ಮಾರ್ಗವಾಗಿದೆ) ಮಾಡಿದಾಗ bcgjkmpjdfybb ನಿಯತಾಂಕ: ಬಲ; . ಮೌಲ್ಯ: ಆನುವಂಶಿಕವಾಗಿ; ಪೋಷಕ ಒಂದೇ ಸಂರಚನಾ ತಿಳಿಯುವುದು ಅಂಶ ಆದೇಶಿಸುತ್ತಾನೆ. ಇಂತಹ ಅಂಶಗಳನ್ನು ಅವರು ಪೋಷಕ HTML ಇನ್ ಕೋಡ್ ಒಳಗೆ ನೇರವಾಗಿ ನೆಲೆಗೊಂಡಿವೆ ಈಗಲೂ ಮಗುವಿಗೆ ಕರೆಯಲಾಗುತ್ತದೆ. ಒಂದು ಆಸ್ತಿ: ಯಾವುದೂ ಇಲ್ಲ; ಇದು ಅಂಶ ಕೋಡ್ ಎಲ್ಲಾ ಭಾಗಗಳಿಗೂ ಡೀಫಾಲ್ಟ್ ಆಗಿ ಇದು ದಾಖಲೆಯನ್ನು ಸಾಮಾನ್ಯ ಹರಿವಿನ ಅಡ್ಡಿ ಅನುಮತಿಸುತ್ತದೆ.

ಹೇಗೆ ಕೆಲಸ ತೆಪ್ಪ ಹೇಗೆ?

ಫ್ಲೋಟ್ CSS ಗುಣಗಳು ಸಾಕಷ್ಟು ಕೇವಲ ಕೆಲಸ. ಮೇಲೆ ವಿವರಿಸಿದ ಎಂದು ಎಲ್ಲಾ, ಹೆಚ್ಚು ಕಷ್ಟಕರವಾಗಿತ್ತು ಮಾಡಬಹುದು. ಆ ನಂತರ, ಎಲ್ಲವೂ ಸುಲಭ ಎಂದು. ಆದರೆ ನಾನು ಫ್ಲೋಟ್ ಗುಣಲಕ್ಷಣಗಳ ಅಧ್ಯಯನ ಮುಂದುವರಿಸಲು ಮೊದಲು, ಸಿದ್ಧಾಂತದೊಂದಿಗೆ ಸ್ವಲ್ಪ ನೋಟ ಮೌಲ್ಯದ. ಪ್ರತಿ ವೆಬ್ ಸೈಟ್ ಬ್ಲಾಕ್ನ ಮೂಲವಸ್ತು. ಇದು ಒತ್ತುವ Ctrl + Shift + ಜೆ ಪಠ್ಯ, ಶೀರ್ಷಿಕೆ, ಚಿತ್ರ, ಕೊಂಡಿಗಳು ಮೂಲಕ Google Chrome ನಲ್ಲಿ ಕನ್ಸೋಲ್ ತೆರೆಯುವ ಮೂಲಕ ಈ ನೋಡಿ ಸುಲಭ, ಮತ್ತು ಸೈಟ್ ಎಲ್ಲಾ ಇತರ ಘಟಕಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ ಬ್ಲಾಕ್ಗಳನ್ನು, ಕೇವಲ ವಿಭಿನ್ನ ಗಾತ್ರದ ನಡೆಯಲಿದೆ. ಆರಂಭದಲ್ಲಿ, ಈ ಎಲ್ಲಾ ಬ್ಲಾಕ್ಗಳನ್ನು ಪರಸ್ಪರ ಅನುಸರಿಸುತ್ತಿದ್ದೀರಿ. ಕೆಳಗಿನ ಉದಾಹರಣೆಯಲ್ಲಿ ತೋರಿಸಿದಂತೆ, ಕೋಡ್ ಸ್ಟ್ರಿಂಗ್ ಒಂದರ ನಂತರ ಒಂದು ಹೋಗಿ, ಮತ್ತು ಆದ್ದರಿಂದ ಅವರು ಕಟ್ಟುನಿಟ್ಟಾಗಿ ಒಂದರ ಹಿಂದೆ ಒಂದರಂತೆ ಕಾಣುತ್ತವೆ.

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

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

ಸಮಸ್ಯೆಗಳನ್ನು ಪರಿಹರಿಸಲು ಕಾರ್ಯ ತೆರವುಗೊಳಿಸಿ

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

ತೆರವುಗೊಳಿಸಿ ಫಲನದ ಐದು ಮೌಲ್ಯಗಳು ಹೊಂದಿದೆ:

• : ಎಡ;
• : ರೈಟ್;
• : ಎರಡೂ;
• : ಪಾರಂಪರಿಕಗೊಳಿಸು;
• ಯಾವುದೂ ಇಲ್ಲ;

ಅದು ತೆರವುಗೊಳಿಸಿ ಕಾರ್ಯವನ್ನು ಬಳಸಲು ಉತ್ತಮ ಹೋಲಿಕೆಯಾಗಿ ಅರ್ಥವಾಗುವಂತಹ. ನಾವು ಕೋಡ್ ಫ್ಲೋಟ್ ಒಂದು ಸಾಲು ಬರೆದಿದ್ದಾರೆ ವೇಳೆ: ಬಲ; (ಸಿಎಸ್ಎಸ್ ಕೋಡ್ ಮಾತ್ರವಾಗಿದೆ), ಕಾರ್ಯ ತೆರವುಗೊಳಿಸಿ ಇರಬೇಕು: ಬಲ ;. ಬಂಡೆಗಳು ಮತ್ತು ಅದೇ ಗುಣಗಳನ್ನು ಫ್ಲೋಟ್: ಆವರಿಸಿಕೊಳ್ಳುತ್ತದೆ ಇದು ತೆರವುಗೊಳಿಸಿ ಪೂರಕವಾಗಿ: ಎಡ; . ಕೋಡ್ ತೆರವುಗೊಳಿಸಿ ಬರೆಯುವಾಗ: ಎರಡೂ; ಇದು ಅಂಶ ಇದು ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ ಎಂದು ತಿರುಗಿದರೆ, ಈ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಫ್ಲೋಟ್ ಕಾರ್ಯ ಅನ್ವಯಿಸಲ್ಪಡುತ್ತಿದ್ದ ಧಾತುಗಳನ್ನು ಕೆಳಗೆ ಇರುತ್ತದೆ. ಆನುವಂಶಿಕವಾಗಿ ಪೋಷಕ ಅಂಶದಿಂದ ಸೆಟ್ಟಿಂಗ್ಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ, ಆದರೆ ಯಾವುದೂ ಸೈಟ್ನ ರಚನೆಯ ಯಾವುದೇ ಬದಲಾವಣೆಗಳನ್ನು ಮಾಡುವುದಿಲ್ಲ. и CSS Float-код, который сделает ваш веб-сайт единственным в своем роде. ನೀವು ಫ್ಲೋಟ್ ಮತ್ತು ತೆರವುಗೊಳಿಸಿ ಕಾರ್ಯಗಳನ್ನು ಹೇಗೆ, ನೀವು ಈ ರೀತಿಯ ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ ಅನನ್ಯ ಮಾಡುತ್ತದೆ ಒಂದು ಅನನ್ಯ ಮತ್ತು ಅಸಾಮಾನ್ಯ HTML ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಫ್ಲೋಟ್-ಕೋಡ್ ಬರೆಯಬಹುದು ಅರ್ಥವಾಗಿದ್ದರೆ.

ಫ್ಲೋಟ್ ಬಳಸಿ ಕಾಲಮ್ಗಳನ್ನು ರಚಿಸಲು

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

ಈಗ ನಾವು ಇಲ್ಲಿ ಬರೆಯಲಾಗಿದೆ ಎಂಬುದನ್ನು ಅರ್ಥ ಮಾಡಿಕೊಳ್ಳಬೇಕು. HTML ಕೋಡ್ ಮುಖ್ಯ ಭಾಗವು ಕಂಟೇನರ್ (ಧಾರಕ) ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ ಇದರಲ್ಲಿ ಮೂಲ ಅಂಶ. ನೀವು ವಿವಿಧ ದಿಕ್ಕುಗಳಲ್ಲಿ ಗೆ ಫ್ಲೋಟ್ ಕಾರ್ಯ ಅನ್ವಯಿಸಲಾಗುತ್ತದೆ ಇದು ಅಂಶಗಳನ್ನು ತಡೆಯುತ್ತದೆ. ಇದು ಅಲ್ಲ, ನಂತರ ಈ ಅಂಶಗಳನ್ನು ಬ್ರೌಸರ್ ಗಡಿ ವರೆಗೆ ತೇಲುತ್ತವೆ.

ನಂತರ, ಕೋಡ್ ಮತ್ತು #content #navigation ಹೋಗಿ. ಈ ಅಂಶಗಳು ಫ್ಲೋಟ್ ಕಾರ್ಯ ಬಳಸಲಾಗುತ್ತದೆ. ಎಡಕ್ಕೆ ಮತ್ತು ಬಲಕ್ಕೆ ಕಳುಹಿಸಲಾಗಿದೆ #content #navigation ಆಗಿದೆ. ಇದು ಎರಡು ಕಾಲಮ್ಗಳು ಸೈಟ್ ರಚಿಸಲು ಅಗತ್ಯ. ಆದ್ದರಿಂದ ವಸ್ತುಗಳ ಪರಸ್ಪರ ಒಂದರಮೇಲೊಂದು, ಅಗಲ ಸೂಚಿಸಲು ಮರೆಯದಿರಿ. ನೀವು ಅಗಲ ಮತ್ತು ಶೇಕಡಾವಾರು ಸೂಚಿಸಬಹುದು. ಹಾಗಾಗಿ ಹೆಚ್ಚು ಆರಾಮದಾಯಕ ಪಿಕ್ಸೆಲ್ಗಳಲ್ಲಿ ಹೆಚ್ಚು. ಉದಾಹರಣೆಗೆ, 45% ಮತ್ತು #navigation ಫಾರ್ #content, ಮತ್ತು ಉಳಿದ 10% 45% ಆಸ್ತಿಯ ಅಂಚು ನೀಡಲು.

ತೆರವುಗೊಳಿಸಿ, ಇದು #footer ಆಗಿದೆ, ಆಸ್ತಿ ಅಡಿಟಿಪ್ಪಣಿ #navigation ಮತ್ತು #content ಅನುಗುಣವಾಗಿಲ್ಲ, ಆದರೆ ಅಲ್ಲಿ ಅದೇ ಸ್ಥಾನಕ್ಕೆ ಎಲೆಗಳು. ಏನು ಸಂಭವಿಸಬಹುದು? ನೀವು ತೆರವುಗೊಳಿಸಿ ಆಸ್ತಿ ಸೂಚಿಸಲು ಮಾಡದಿದ್ದರೆ? ಈ ಕೋಡ್ #footer ರಲ್ಲಿ ಕೇವಲ ಹೋಗುತ್ತಾರೆ ಮತ್ತು #navigation ಇರುತ್ತದೆ. ಇದಕ್ಕೆ ಕಾರಣ #navigation ಸಾಕಷ್ಟು ಸ್ಥಳವನ್ನು ಒಂದಕ್ಕಿಂತ ಹೆಚ್ಚು ಅಂಶ ಸರಿಹೊಂದಿಸಲು ಇದಕ್ಕೆ ಸಂಭವಿಸುತ್ತದೆ. ಈ ವಿವರಣಾತ್ಮಕ ಉದಾಹರಣೆಗೆ ಇದು ತೆರವುಗೊಳಿಸಿ ಗುಣಗಳನ್ನು ತೆಪ್ಪ ಮತ್ತು ಪರಸ್ಪರ ಪೂರಕವಾಗಿ ಸ್ಪಷ್ಟವಾಗಿ ಗೋಚರಿಸುತ್ತದೆ.

ಕೋಡ್ ಬರೆಯುವಾಗ ಟ್ರಬಲ್ಸ್ ನೀವು ಎದುರಿಸಬೇಕಾಗುತ್ತದೆ

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

ಅಂಶಗಳ ಘರ್ಷಣೆಯ

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

ಕಾರಣ ಈ ಅಂಶಗಳನ್ನು ಸಾಮಾನ್ಯ ರಲ್ಲಿ ಆರಂಭದಲ್ಲಿ ಎಂದು, ಮತ್ತು ನಂತರ ಅದು ಮುರಿದಿದೆ ಫ್ಲೋಟ್ ಆಸ್ತಿ ಬ್ರೌಸರ್ ಸೈಟ್ನಿಂದ ತೆಗೆದುಹಾಕಬಹುದು ಗೆ. ಆದರೆ ಪರಿಹಾರ ಸರಳ ಮತ್ತು ಸ್ಪಷ್ಟ ಏಕೆಂದರೆ, ಹತಾಶೆ ಮಾಡಲು - Cear ಆಸ್ತಿ. ಇದು ಸಾಧ್ಯ ಈ ಸಮಸ್ಯೆಯನ್ನು ಔಟ್ ರೀತಿಯಲ್ಲಿ ಎಲ್ಲ ಕ್ಲಿಯರ್ ಬಳಕೆ ಹೆಚ್ಚು ಪರಿಣಾಮಕಾರಿಯಾಗಿರುತ್ತದೆ.

ಆದರೆ ವೆಬ್ ಪುಟ ಅಂಶಗಳನ್ನು ಘರ್ಷಣೆ ಸಮಸ್ಯೆಯನ್ನು ಮತ್ತೊಂದು ರೀತಿಯಲ್ಲಿ ಪರಿಹರಿಸಬಹುದು. ಕನಿಷ್ಠ ಎರಡು ಮಾರ್ಗಗಳಿವೆ:

• ಕಾರ್ಯ ಬಳಕೆ ಸ್ಥಾನಗಳನ್ನು;
• ಅಪ್ಲಿಕೇಶನ್ Flexbox.

ಪೊಸಿಷನ್ ಕಾರ್ಯಚಟುವಟಿಕೆಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಸಿಎಸ್ಎಸ್ ಫ್ಲೋಟ್ ಉತ್ತಮ ಪರ್ಯಾಯವಾಗಿದೆ. ವೆಬ್ ಪುಟದ ಸೆಂಟರ್ ಅಪ್ಲಿಕೇಶನ್ ಪೊಸಿಷನ್ ಸಂದರ್ಭದಲ್ಲಿ ಚಿತ್ರವನ್ನು ಸ್ಥಾನಗಳನ್ನು ಉತ್ತಮ. ಸಂಪೂರ್ಣ ಮತ್ತು: ಸರಿಯಾಗಿ ಬಳಸಲ್ಪಡುವ ಮೌಲ್ಯಗಳು ವೇಳೆ ಸಂಬಂಧಿ ಅಂಶಗಳನ್ನು ಸ್ಥಾನವನ್ನು ಸೇರುತ್ತವೆ ಮತ್ತು ಪರಸ್ಪರ ಹರಡಿರುತ್ತವೆ ಮಾಡುವುದಿಲ್ಲ.

ಪೊಸಿಷನ್ ವಿಶ್ಲೇಷಣೆ ಮತ್ತು ಫ್ಲೋಟ್ ಕಾರ್ಯ ಕೋಡ್

и CSS Float заменить на Position. ಇದು HTML ನಲ್ಲಿ ರೀತಿಯಲ್ಲಿ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಫ್ಲೋಟ್ ಪೊಸಿಷನ್ ಬದಲಿಸಬೇಕಾಗಿ ಹೆಚ್ಚು ವ್ಯವಹರಿಸಲು ಮಾಡಬೇಕು. ವಾಸ್ತವವಾಗಿ ಇದು ಬಹಳ ಸರಳ. ನ ಒಂದು ಅಂಶ #container ಮತ್ತು #div ಇಲ್ಲ ಹೇಳುತ್ತಾರೆ.

#container {

ಅಗಲ: 40%;

ಚಲಿಸುವಂತೆ: ಎಡ;

ಅಂಚು: 10px;

}

#div {

ಅಗಲ: 40%;

ಚಲಿಸುವಂತೆ: ಬಲ;

ಅಂಚು: 10px;

}

#footer {

ಸ್ಪಷ್ಟ: ಎರಡೂ;

}

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

ಆದ್ದರಿಂದ ಹೇಗೆ ನೀವು ಸಿಎಸ್ಎಸ್ ಬದಲಾಯಿಸಲು ಮತ್ತು Postion ಬಳಸಲು ಕೋಡ್ ತೆಪ್ಪ ಇಲ್ಲ? ಸರಳ:

#container {

ಅಗಲ: 40%;

ಸ್ಥಾನ: ಸಂಬಂಧಿ;

ಅಂಚು: 10px;

}

#div {

ಅಗಲ: 40%;

ಸ್ಥಾನ: ಸಂಬಂಧಿ;

ಅಂಚು: 10px;

}

ಈ ಸಂದರ್ಭದಲ್ಲಿ #container #div ಮತ್ತು ಮೂಲ ಅಂಶ ಡೆವಲಪರ್ ಅಗತ್ಯ ಸ್ಥಾನವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ. ಮುಖ್ಯ ವಿಷಯ? #div ಪಕ್ಕಾ ಅವುಗಳ ಗಾತ್ರವನ್ನು ಹೋಲುವ ಇದು ಒಂದು ಮೂಲ ಅಂಶ, #container.

Flexbox - ಈ ಕಾರ್ಯ ಸಿಎಸ್ಎಸ್ ಫ್ಲೋಟ್ ಬದಲಾಯಿಸುತ್ತದೆ?

Flexbox - ಕ್ಷಣದಲ್ಲಿ ವೆಬ್ಸೈಟ್ಗಳು ರಚಿಸಲು ಅತ್ಯಾಧುನಿಕ ರೀತಿಯಲ್ಲಿ, ಆದ್ದರಿಂದ ಈ ಕಾರ್ಯ ಬ್ರೌಸರ್ ನ ಹಳೆಯ ಆವೃತ್ತಿಗಳೊಂದಿಗೆ ಬೆಂಬಲಿಸುತ್ತಿಲ್ಲ. ಈ ವಾಸ್ತವವಾಗಿ ಬ್ರೌಸರ್ಗಳಿಗೆ ಹಳೆಯ ಆವೃತ್ತಿಗಳು ಬಳಕೆದಾರರಿಗೆ, ಕಡಿಮೆಯಾಗಿವೆ ಸೈಟ್ನ ಆವೃತ್ತಿ ನೋಡಲು ಸಾಧ್ಯವಾಗುವುದಿಲ್ಲ.

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

ಹೇಗೆ Flexbox ಮಾಡುತ್ತದೆ?

ಈ ತಂತ್ರಜ್ಞಾನ ಸುಲಭವಾಗಿ ಅಡ್ಡಲಾಗಿ ಮತ್ತು ಲಂಬವಾಗಿ ಅಂಶಗಳನ್ನು align ಡೆವಲಪರ್ ಮಾಡುತ್ತದೆ. Flexbox ಉದಾಹರಣೆಗಳು ದಿಕ್ಕು ಮತ್ತು ಪ್ರದರ್ಶನ ವಸ್ತುಗಳಿಗಿಂತ ಕ್ರಮವನ್ನು ಬದಲಾಯಿಸಬಹುದು. ಮುಖ್ಯ ಅಕ್ಷ ಮತ್ತು ಕ್ರಾಸ್ ಅಕ್ಷದ, ಇಡೀ Flexbox ನಿರ್ಮಿಸಿದ ಇದು ಸುತ್ತಲೂ: ಈ ತಂತ್ರಜ್ಞಾನದಲ್ಲಿ, ಎರಡು ಅಕ್ಷಗಳ ಇವೆ. ಇದು ಪರಿಣಾಮವನ್ನು ಫ್ಲೋಟ್ ಮತ್ತು ತೆರವುಗೊಳಿಸಿ ಕಾರ್ಯಗಳನ್ನು ತೆಗೆದುಹಾಕುತ್ತದೆ. ಅವರು ದುರದೃಷ್ಟವಶಾತ್, ಜೀವಕೋಶಗಳಲ್ಲಿ ಪುನರಾವರ್ತಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ ತನ್ನ ಆಸ್ತಿ ಒಂದು ಅನನ್ಯ ಬಳಸುವ ಕೋಡ್, ತನ್ನ ವ್ಯವಸ್ಥೆಯ ನಿರ್ಮಿಸುತ್ತದೆ, ಅಂತಹಾ ಫ್ಲೋಟ್ ಮತ್ತು ಪೊಸಿಷನ್ ಇತರ ಗುಣಗಳನ್ನು. ಮತ್ತು ಇದು ಮೇಲೆ ಹೇಳಿದಂತೆ, Flexbox ಮಾತ್ರ ಬ್ರೌಸರ್ ಹೊಸ ಆವೃತ್ತಿಗಳಲ್ಲಿ ಕೆಲಸ, ಏಕೆಂದರೆ, ತುಂಬಾ ಉಪಯುಕ್ತ ಎಂದು.

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

ಡಬಲ್ ಮಾರ್ಜಿನ್ ಬಗ್

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

#div {

ಚಲಿಸುವಂತೆ: ಎಡ;

ಅಂಚು ಎಡ: 10px;

}

ಈ ಕೋಡ್ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ 20 px ಆಗಿರುತ್ತದೆ ಎಡ ಅಂಶ ಬದಲಾಗುತ್ತದೆ. ನೀವು ಕೆಳಗಿನಂತೆ ಕೋಡ್ ಮಾರ್ಪಡಿಸಬಹುದು:

#div {

ಚಲಿಸುವಂತೆ: ಎಡ;

ಅಂಚು ಎಡ: 10%;

}

ಅಥವಾ

#div {

ಚಲಿಸುವಂತೆ: ಎಡ;

ಅಂಚು ಬಲಕ್ಕೆ: 10px;

}

ಈ ಎರಡೂ ಆಯ್ಕೆಗಳನ್ನು ಸ್ಥಳಾಂತರದ ಅಂಶಗಳ ಸಮಸ್ಯೆಯನ್ನು ಬಗೆಹರಿಸುವುದಾಗಿ.

ಬಗ್ಸ್ ಬ್ರೌಸರ್ ಮತ್ತು ತಪ್ಪಾಗಿದೆ ಪ್ರದರ್ಶನ ಸೈಟ್

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