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

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

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

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

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

ಈಗ, ಉಳಿಸಲು ಅನುಮತಿಗಳನ್ನು ಬದಲಾಯಿಸಲು ಅವಕಾಶ ಮೇಲೆ, ಮತ್ತು ಒಂದು ಬ್ರೌಸರ್ನಲ್ಲಿ ಈ ಪುಟ ಲೋಡ್, ಒಂದು ಪ್ಲಸ್ ಆರ್ ಸಿಎಸ್ಎಸ್ 1.html chmod. ಕ್ರೋಮ್ ತೆರೆಯುತ್ತದೆ ಮತ್ತು ಭೇಟಿ ಲೆಟ್ http://localhost/css-1.html. ಕೆಟ್ಟ. ನಾನು ಉದ್ದೇಶ, ಆದರೆ ನಾನು ಬಯಸುವ ನಿಖರವಾಗಿ ಮಾಹಿತಿ ಈಗ ಒಂದು ಹೆಜ್ಜೆ ಮುಂದೆ ವಿಷಯಗಳನ್ನು ತೆಗೆದುಕೊಂಡು ಸೆಂಟರ್ ಜಾನ್ ಹಾರ್ವರ್ಡ್ ನ ಪಠ್ಯ. ಈಗ ಹಾಗೆ, ನಾನು ಕಟ್ಟಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ ಒಂದು DIV ಇಡೀ ಪುಟ ನಾನು ಹಿಂದಿನ ಉದಾಹರಣೆಗೆ ಮಾಡಿದರು. ಅಥವಾ ನಾನು ಹೆಚ್ಚು ಬುದ್ಧಿವಂತ ಎಂದು ಮತ್ತು ಅರ್ಥ ಎಂದು ಈ divs ಎಲ್ಲಾ ಒಳಭಾಗದಲ್ಲಿ ನನ್ನ ಪುಟ ದೇಹದ, ಆದ್ದರಿಂದ ಕೇವಲ ಅನ್ವಯಿಸುವುದಿಲ್ಲ ದೇಹದ ಒಂದು ಅಥವಾ ಹೆಚ್ಚು ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಸ್ವತಃ ಟ್ಯಾಗ್? 

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