ಸ್ಪೀಕರ್: ಇದು HTML ಅಲ್ಲ ತಿರುಗಿದರೆ ನೀವು ಒಳಗೆ ಬಳಸಬಹುದು ಮಾತ್ರ ಭಾಷೆ ವೆಬ್ ಪುಟ. ನೀವು ಸಿಎಸ್ಎಸ್ ಕರೆಯುವುದನ್ನು ಬಳಸಿ, ಅಥವಾ ಮಾಡಬಹುದು ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್, ಹಾಗೆಯೇ. ಸಿಎಸ್ಎಸ್ ನೀವು ಹೆಚ್ಚು ಸೂಚಿಸಲು ಅನುವು ವೆಬ್ ನಿಖರವಾಗಿ ಸೌಂದರ್ಯಶಾಸ್ತ್ರ ಲೇಔಟ್ ಮತ್ತು ಗಾತ್ರಗಳು ಸೇರಿದಂತೆ ಪುಟ, ಮತ್ತು ಬಣ್ಣಗಳು ಮತ್ತು ಫಾಂಟ್ಗಳು ಮತ್ತು ಹೆಚ್ಚು. ಉದಾಹರಣೆಗೆ, ವೆಬ್ ಪುಟ ರಚಿಸಲು ಅವಕಾಶ ಒಂದು ಪ್ರತಿನಿಧಿಸುವ ಇಲ್ಲಿ ಎಂಬ CSS0 ಜಾನ್ ಹಾರ್ವರ್ಡ್, ಹೇಳುತ್ತಾರೆ, ಮುಖಪುಟದಲ್ಲಿ. 

ಈ ಪುಟದಲ್ಲಿ, ನಾವು ಮಾಡುತ್ತೇವೆ ಜಾನ್ ಹಾರ್ವರ್ಡ್ ನ ಹೆಸರಿಸಲು, ಇದು ಕೆಳಗೆ ತನ್ನ ಪ್ರವಾಸಿಗರಿಗೆ ಉತ್ತಮ ಸಂದೇಶವನ್ನು, ಕೆಳಗೆ ಇದು, ಒಂದು ಅಡಿಟಿಪ್ಪಣಿ ಇರುತ್ತದೆ , ಕೆಲವು ಹಕ್ಕುಸ್ವಾಮ್ಯ ಮಾಹಿತಿ ಹೇಳುತ್ತಾರೆ. ಇದನ್ನು ಮಾಡಲು, ಮೂರು ವಿಭಾಗಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಅವಕಾಶ ಒಂದು ಟ್ಯಾಗ್ ಬಳಸಿ ಪುಟ DIV ಎಂಬ. ಮುಕ್ತ ಬ್ರಾಕೆಟ್ DIV, ಜಾನ್ ಹಾರ್ವರ್ಡ್, Close ಬ್ರಾಕೆಟ್ DIV, ಮತ್ತೊಂದು ಮುಕ್ತ ಬ್ರಾಕೆಟ್ DIV, ಮತ್ತು ಈಗ ನಾವು ಏನೋ ಸೂಚಿಸಲು ಮಾಡುತ್ತೇವೆ ನನ್ನ ಮುಖಪುಟಕ್ಕೆ ಸ್ವಾಗತ! ಮತ್ತು ಹಾಗೆಯೇ, ಈ DIV ಮುಚ್ಚಿ ಅವಕಾಶ. 

ಈಗ ಮೂರನೇ ಮತ್ತು ಅಂತಿಮ DIV, ಹಕ್ಕುಸ್ವಾಮ್ಯ. ಕೇವಲ ಅಲಂಕಾರಿಕ ಎಂದು, ನನಗೆ ಈಗ ಒಂದು HTML ಬಳಸಲು ಅವಕಾಶ ಘಟಕದ ಪ್ರತಿನಿಧಿಸುವ ಸಂಕೇತವಾಗಿ ಒಂದು ಪಾತ್ರ ಎಂದು ನೀವು ಇಲ್ಲದಿದ್ದರೆ ಸಾಧ್ಯವಿಲ್ಲ ನಿಮ್ಮ ಕೀಬೋರ್ಡ್ ಮೇಲೆ ಟೈಪ್. ನಿರ್ದಿಷ್ಟವಾಗಿ, ನಾನು ಮಾಡಲು ಪಡೆಯಲಿದ್ದೇನೆ ವನ್ನಾಗಲಿ, ಪೌಂಡ್, 169, ಅಲ್ಪವಿರಾಮ ಚಿಹ್ನೆಯಿಂದ. ಎಂದು ಸಂಖ್ಯಾ ಕೋಡ್ ತಿರುಗಿದರೆ ಕೃತಿಸ್ವಾಮ್ಯ ಸಂಕೇತ. ನಂತರ ಜಾನ್ ಹಾರ್ವರ್ಡ್ ಸೂಚಿಸಲು ಅವಕಾಶ ಇಲ್ಲಿ ಕೆಳಗೆ. ನ DIV ಮುಚ್ಚಿ ಮತ್ತು ಕಡತವನ್ನು ಉಳಿಸಲು ಅವಕಾಶ. 

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

ಬದಲಾಯಿಸಲು, ನ ಈ ಕಡತವನ್ನು ಉಳಿಸಲು ಅವಕಾಶ ಅದರ ಅನುಮತಿಗಳನ್ನು, ಮತ್ತು ಒಂದು ಒಂದು ನೋಟ ತೆಗೆದುಕೊಳ್ಳಬಹುದು ಕ್ರೋಮ್ ಕ್ಷಣ. Chmod ಒಂದು + CSS0.html ಆರ್. ಕ್ರೋಮ್ ಮತ್ತು ಭೇಟಿ ತೆರೆಯುತ್ತದೆ ಈಗ ಲೆಟ್ http://localhost.CSS0.html. ವಾಸ್ತವವಾಗಿ, ಇಲ್ಲಿ ಮನೆಯ ಪುಟ ಇಲ್ಲಿದೆ ಜಾನ್ ಹಾರ್ವರ್ಡ್ ಫಾರ್. ಈಗ ಸ್ವಲ್ಪ ಹೆಚ್ಚು stylize ಲೆಟ್ ನಿಖರವಾಗಿ ಕೆಲವು ಸಿಎಸ್ಎಸ್ ಬಳಸಿ. 

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

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

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

ಈಗ ನಾವು ಸ್ವಲ್ಪ ಹೆಚ್ಚು ಆಸಕ್ತಿಕರ ಹೊಂದಿವೆ ಜಾನ್ ಮುಖಪುಟದಲ್ಲಿ ಹಾರ್ವರ್ಡ್, ಜೊತೆಗೆ ಆ ಮೂಲಕ ಮೊದಲ ಸಾಲು ಎಂದು ಒಳಗೆ ತನ್ನ ಹೆಸರು, ಮೊದಲ DIV, ಸಹ 36 ಪಿಕ್ಸೆಲ್ ಎತ್ತರದ ಮತ್ತು ಎದ್ದುಕಾಣುವ, ಆ ಎರಡನೇ ಸಾಲು, ಎರಡನೇ DIV ಇದು, 24 ಎತ್ತರದ, ಆದರೆ ಎದ್ದುಕಾಣುವ ಪಿಕ್ಸೆಲ್ಗಳು. ಆ ಮೂಲಕ ಮೂರನೇ ಮೂರನೇ ಲೈನ್ DIV ಸಹ 12 ಪಿಕ್ಸೆಲ್ ಎತ್ತರದ ಮತ್ತು ಎದ್ದುಕಾಣುವ ಅಲ್ಲ. ಆದರೆ ಈಗ ಊಹಿಸಿಕೊಳ್ಳಿ ನಾನು ಶಿಫ್ಟ್ ಬಯಸುವ ಈ ಪಠ್ಯ ಎಲ್ಲಾ ಇದು ಕೇಂದ್ರಿಕೃತವಾಗಿದೆ ಎಂದು ಅಂತಹ. 

ನಾನು ವ್ಯಕ್ತಿಯ ಪ್ರತಿ align ಸಾಧ್ಯವಾಗಲಿಲ್ಲ ಕೇಂದ್ರಿತ ಎಂದು DIVs. ಆದರೆ ಸುಲಭವಾಗಿ, ನಾನು ಆ ಕಟ್ಟಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ ನಾಲ್ಕನೇ DIV ಒಳಗೆ ಮೂರು divs, ಒಂದು ಮೂಲ DIV, ಆದ್ದರಿಂದ ಮಾತನಾಡಲು, ಮತ್ತು ಸೂಚಿಸಲು ಆ DIV ಮತ್ತು ಎಲ್ಲಾ ಅದರ ವಂಶಸ್ಥರು ಇರಬೇಕು ಪಠ್ಯ ಸೆಂಟರ್ ಜೋಡಿಸಿದ? ನ ಅವಲೋಕಿಸೋಣ. 

ಜಿಎಡಿಟ್ Name ಒಳಗೆ, ನ ಹಿಂತಿರುಗಿ ಅವಕಾಶ ನನ್ನ ದೇಹದ ಮತ್ತು ಹೊಸ DIV ಅಪ್ ಉನ್ನತ ಸೇರಿಸಿ DIV, ಶೈಲಿ ಉಲ್ಲೇಖ ಕೊಡುವುದು ಸಮನಾಗಿರುತ್ತದೆ ಪಠ್ಯ ಧೃವೀಕರಣ ಸೆಂಟರ್, ನಿಕಟ ಅಲ್ಪ ವಿರಾಮ ಚಿಹ್ನೆಯನ್ನು ನಂತರ ಗಮನಿಸುವುದು. ಈಗ, ನ ಎಲ್ಲಾ ಮುಂದೆ ಮತ್ತು ಇಂಡೆಂಟ್ ಹೋಗಿ ಅವಕಾಶ ನಾವು ಮೊದಲು ಟೈಪಿಸಿದ ಆ ಸಾಲುಗಳನ್ನು. ಮತ್ತು ಮೂರನೇ DIV ಕೆಳಗೆ, ಹೊರಡೋಣ ಈ ಹೊಸ DIV ಮುಚ್ಚಿ. 

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