1 00:00:00,000 --> 00:00:00,300 2 00:00:00,300 --> 00:00:04,840 >> ಸ್ಪೀಕರ್: ಆದ್ದರಿಂದ ವಾಸ್ತವವಾಗಿ ಉತ್ತಮ ಅಲ್ಲ ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಎಚ್ಟಿಎಮ್ಎಲ್ ಒಡಬೆರಸು ವಿನ್ಯಾಸ. 3 00:00:04,840 --> 00:00:08,700 ಬದಲಿಗೆ, ಇದು ಅಂಶಗಳು ಉತ್ತಮವಾಗಿದೆ ನಿಮ್ಮ ಸಿಎಸ್ಎಸ್, ಎಲ್ಲೋ ಕೇಂದ್ರ ಪುಟ್, ಮತ್ತು 4 00:00:08,700 --> 00:00:11,430 ಹೇಗಾದರೂ ಇದು ಅನ್ವಯಿಸುವುದಿಲ್ಲ ನಿಮ್ಮ ವೆಬ್ ಪುಟ ಟ್ಯಾಗ್ಗಳು. 5 00:00:11,430 --> 00:00:15,290 ಇದನ್ನು ಸಾಧಿಸಲು, ನಾವು ವಾಸ್ತವವಾಗಿ ನಿಲ್ಲಿಸಬಹುದು ಬದಲಿಗೆ ಶೈಲಿ ಲಕ್ಷಣವನ್ನು ಬಳಸಿಕೊಂಡು ಮತ್ತು 6 00:00:15,290 --> 00:00:19,290 ಸೇರುತ್ತದೆ ಒಂದು ಶೈಲಿ ಟ್ಯಾಗ್, ಬಳಸಲು ಜೊತೆಗೆ ಒಂದು ವೆಬ್ ಪುಟ ಮುಖ್ಯಸ್ಥ, 7 00:00:19,290 --> 00:00:20,700 ಉದಾಹರಣೆಗೆ, ನಿಮ್ಮ ಶೀರ್ಷಿಕೆ. 8 00:00:20,700 --> 00:00:24,400 >> ಲೆಟ್ ತಂದೆಯ ಈ ಒಂದು ಪ್ರಯತ್ನಿಸಿ ಮತ್ತು ಮತ್ತೆ ಜಾರಿಗೆ ಜಾನ್ ಹಾರ್ವರ್ಡ್ ಒಂದು ಮುಖಪುಟದಲ್ಲಿ 9 00:00:24,400 --> 00:00:26,410 ಶೈಲಿ ಟ್ಯಾಗ್ ಬಳಸಿ. 10 00:00:26,410 --> 00:00:28,930 ನಾನು ಈಗಾಗಲೇ ನಮಗೆ ಆರಂಭಿಸಿದರು ನೆತ್ತಿಗೇರಿದೆ ಇಲ್ಲಿ ಮೂರು divs ಜೊತೆ 11 00:00:28,930 --> 00:00:30,260 ಜಾನ್ ಹಾರ್ವರ್ಡ್ ನ ಮುಖಪುಟದಲ್ಲಿ. 12 00:00:30,260 --> 00:00:33,990 ಆದರೆ ಅವಕಾಶ ಮೊದಲ ಈಗ ಈ ಮೊದಲ ಹೋಗುತ್ತಾರೆ DIV ಮತ್ತು ಹೊಸ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಸೇರಿಸಲು, 13 00:00:33,990 --> 00:00:38,680 ಅವುಗಳೆಂದರೆ ID ಮತ್ತು ಸೂಚಿಸಲು ಒಂದು ಅನನ್ಯ ಎಂದು ಈ ನಿರ್ದಿಷ್ಟ DIV ಫಾರ್ ಗುರುತು 14 00:00:38,680 --> 00:00:42,390 ಉಲ್ಲೇಖ ಕೊಡುವುದು, ಉದಾಹರಣೆಗೆ, ಕಂಗೊಳಿಸುತ್ತವೆ "ಟಾಪ್," ಒಂದು ಕ್ರಮವಿಲ್ಲದ ಹೆಸರನ್ನು, ಆದರೆ 15 00:00:42,390 --> 00:00:45,840 ಈ DIV ಆಗಿದೆ ರಲ್ಲಿ ವಿವರಣಾತ್ಮಕ ವಾಸ್ತವವಾಗಿ ನನ್ನ ಪುಟದ ಮೇಲಿರುವ. 16 00:00:45,840 --> 00:00:48,920 >> ಮುಂದಿನ DIV ಫಾರ್, ಇದು ಒಂದು ನೀಡಲು ಅವಕಾಶ ಉಲ್ಲೇಖ ಕೊಡುವುದು ವಿವಿಧ ID ಯನ್ನು 17 00:00:48,920 --> 00:00:54,080 ", ಮಧ್ಯಮ" ಮತ್ತು ಮೂರನೇ DIV ನೀಡಲು ಅವಕಾಶ ಉಲ್ಲೇಖ ಕೊಡುವುದು ಒಂದು ID "ಕೆಳಗೆ." ನಾವು 18 00:00:54,080 --> 00:00:57,740 ಈಗ ಮೂರು ಅನನ್ಯ ಗುರುತು ಹೊಂದಿವೆ ಇದು ನಾವು ಕೆಲವು ಸಿಎಸ್ಎಸ್ ಅನ್ವಯಿಸಬಹುದು 19 00:00:57,740 --> 00:01:01,210 ಗುಣಗಳನ್ನು, ಆದರೆ ಮೊದಲ, ನಾವು ರಿಟರ್ನ್ ಈ ಪುಟ ಮುಖ್ಯಸ್ಥ. 20 00:01:01,210 --> 00:01:04,760 ಇಲ್ಲಿ ಶೀರ್ಷಿಕೆ ಮೇಲೆ, ನಾನು ಮಾಡುತ್ತೇವೆ ಮುಂದೆ ಹೋಗಿ ಶೈಲಿ ವ್ಯಾಖ್ಯಾನಿಸಲು 21 00:01:04,760 --> 00:01:07,120 ಮತ್ತು ನಂತರ ಹತ್ತಿರದ ಶೈಲಿ. 22 00:01:07,120 --> 00:01:10,340 >> ಈ ಒಳಗೆ ಈಗ, ನಾನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಪಡೆಯಲಿದ್ದೇನೆ ಕೆಲವು ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು, ಅವುಗಳೆಂದರೆ 23 00:01:10,340 --> 00:01:14,550 ನಾನು ಹಿಂದೆ ಶೈಲಿ ಹೊಂದಿತ್ತು ಅದೇ ಪದಗಳಿಗಿಂತ ಲಕ್ಷಣಗಳು, ಆದರೆ ಇಲ್ಲಿ ಅವರು ಮಾಡುತ್ತೇವೆ 24 00:01:14,550 --> 00:01:16,320 ಕೇಂದ್ರೀಯವಾಗಿ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ. 25 00:01:16,320 --> 00:01:20,880 ಹಾಗೆ ಮಾಡಲು, ನಾನು ಪೌಂಡ್ ಸೂಚಿಸಲು ಪಡೆಯಲಿದ್ದೇನೆ ಚಿಹ್ನೆ ತನ್ಮೂಲಕ, ಅಗ್ರ ನಂತರ 26 00:01:20,880 --> 00:01:24,710 ಎಂದು ಸೂಚಿಸುವ ಕೆಳಗಿನ ಸಿಎಸ್ಎಸ್ ಗುಣಗಳನ್ನು ಏನೇ ಅನ್ವಯಿಸುತ್ತದೆ 27 00:01:24,710 --> 00:01:28,800 HTML ಅಂಶ ಅನನ್ಯ ಹೊಂದಿದೆ ಉನ್ನತ ಪತ್ತೆಗಾರ. 28 00:01:28,800 --> 00:01:32,240 ನಾನು ನಂತರ ಕೆಲವು ಮುಕ್ತ ಮಾಡಲಿಕ್ಕೆ ಮತ್ತು ಬಾಗುತ್ತೇನೆ ಮುಚ್ಚಿದ ಸುರುಳಿಯಾದ ಬ್ರೇಸ್, ಮತ್ತು ನಾನು ಪಡೆಯಲಿದ್ದೇನೆ 29 00:01:32,240 --> 00:01:39,170 ಸೂಚಿಸಿ, ಹೇಳುತ್ತಾರೆ, ಫಾಂಟ್ ಗಾತ್ರ 36 ಕಂಗೊಳಿಸುತ್ತವೆ ಪಿಕ್ಸೆಲ್ಗಳು, ಫಾಂಟ್ ತೂಕದ ದಪ್ಪ ಕಂಗೊಳಿಸುತ್ತವೆ. 30 00:01:39,170 --> 00:01:41,810 >> ವಸ್ತುಗಳು ಸ್ವಚ್ಛಗೊಳಿಸಲು ಇರಿಸಿಕೊಳ್ಳಲು, ನಾನು ಪ್ರತಿ ಹಾಕುವ ಬಾಗುತ್ತೇನೆ ಈಗ ತನ್ನದೇ ಆದ ಈ ಗುಣಗಳು 31 00:01:41,810 --> 00:01:44,610 ಲೈನ್, ಆದರೆ ಕೇವಲ ಒಂದು ಇಲ್ಲಿದೆ ಶೈಲಿಯ ಸಮಾವೇಶ. 32 00:01:44,610 --> 00:01:47,830 ಈ ಕೆಳಗೆ, ಈಗ ಮತ್ತೊಂದು ವ್ಯಾಖ್ಯಾನಿಸಲು ಅವಕಾಶ ಸೆಲೆಕ್ಟರ್, ಆದ್ದರಿಂದ ಮಾತನಾಡಲು. 33 00:01:47,830 --> 00:01:52,680 ಹೊಂದಿರುವ HTML ಟ್ಯಾಗ್ ಈ ಒಂದು ಮಧ್ಯಮ ಅನನ್ಯ ಗುರುತು. 34 00:01:52,680 --> 00:01:57,540 ಮತ್ತು ಇಲ್ಲಿ, ನ ಫಾಂಟ್ ಗಾತ್ರವನ್ನು ಸೂಚಿಸಿ ಅವಕಾಶ 24 ಪಿಕ್ಸೆಲ್ಗಳ, ಮತ್ತೊಂದು ಕೆಳಗೆ 35 00:01:57,540 --> 00:02:01,520 ಒಳಗೆ ಕೆಳಗೆ, ಮತ್ತು ಆಯ್ಕೆ ಆ, ನ ಸೂಚಿಸಲು ಅವಕಾಶ ಒಂದು 36 00:02:01,520 --> 00:02:03,850 12 ಪಿಕ್ಸೆಲ್ಗಳ ಫಾಂಟ್ ಗಾತ್ರ. 37 00:02:03,850 --> 00:02:09,350 >> ಈಗ, ಉಳಿಸಲು ಅನುಮತಿಗಳನ್ನು ಬದಲಾಯಿಸಲು ಅವಕಾಶ ಮೇಲೆ, ಮತ್ತು ಒಂದು ಬ್ರೌಸರ್ನಲ್ಲಿ ಈ ಪುಟ ಲೋಡ್, 38 00:02:09,350 --> 00:02:14,230 ಒಂದು ಪ್ಲಸ್ ಆರ್ ಸಿಎಸ್ಎಸ್ 1.html chmod. 39 00:02:14,230 --> 00:02:22,260 ಕ್ರೋಮ್ ತೆರೆಯುತ್ತದೆ ಮತ್ತು ಭೇಟಿ ಲೆಟ್ http://localhost/css-1.html. 40 00:02:22,260 --> 00:02:22,960 ಕೆಟ್ಟ. 41 00:02:22,960 --> 00:02:26,930 ನಾನು ಉದ್ದೇಶ, ಆದರೆ ನಾನು ಬಯಸುವ ನಿಖರವಾಗಿ ಮಾಹಿತಿ ಈಗ ಒಂದು ಹೆಜ್ಜೆ ಮುಂದೆ ವಿಷಯಗಳನ್ನು ತೆಗೆದುಕೊಂಡು 42 00:02:26,930 --> 00:02:29,050 ಸೆಂಟರ್ ಜಾನ್ ಹಾರ್ವರ್ಡ್ ನ ಪಠ್ಯ. 43 00:02:29,050 --> 00:02:32,080 ಈಗ ಹಾಗೆ, ನಾನು ಕಟ್ಟಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ ಒಂದು DIV ಇಡೀ ಪುಟ ನಾನು 44 00:02:32,080 --> 00:02:33,800 ಹಿಂದಿನ ಉದಾಹರಣೆಗೆ ಮಾಡಿದರು. 45 00:02:33,800 --> 00:02:37,820 ಅಥವಾ ನಾನು ಹೆಚ್ಚು ಬುದ್ಧಿವಂತ ಎಂದು ಮತ್ತು ಅರ್ಥ ಎಂದು ಈ divs ಎಲ್ಲಾ ಒಳಭಾಗದಲ್ಲಿ 46 00:02:37,820 --> 00:02:42,420 ನನ್ನ ಪುಟ ದೇಹದ, ಆದ್ದರಿಂದ ಕೇವಲ ಅನ್ವಯಿಸುವುದಿಲ್ಲ ದೇಹದ ಒಂದು ಅಥವಾ ಹೆಚ್ಚು ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು 47 00:02:42,420 --> 00:02:43,850 ಸ್ವತಃ ಟ್ಯಾಗ್? 48 00:02:43,850 --> 00:02:45,460 >> ಹಾಗೆ ಮಾಡಲು, ಇದನ್ನು ನಾವು. 49 00:02:45,460 --> 00:02:47,650 ಇಲ್ಲಿ ಹಿಂದಕ್ಕೆ gedit ಗೆ ಹೋಗಿ ನೋಡೋಣ. 50 00:02:47,650 --> 00:02:52,460 ಸ್ಟೈಲ್ ಟ್ಯಾಗ್ ಹಿಂದಕ್ಕೆ ಸ್ಕ್ರಾಲ್ ಅವಕಾಶ ಮತ್ತು ತಂದೆಯ ಸೆಲೆಕ್ಟರ್ ಸೂಚಿಸಲು ಅವಕಾಶ ಕೇವಲ 51 00:02:52,460 --> 00:02:54,520 ಎಂದು ಟ್ಯಾಗ್ ಹೆಸರು, ದೇಹ ಬಳಸಿ. 52 00:02:54,520 --> 00:03:00,580 ಕೆಳಗಿನ, ನಮ್ಮ ಸುರುಳಿಯಾದ ಬ್ರೇಸ್ ಪುಟ್ ಅವಕಾಶ ಪಠ್ಯ align ಸೆಂಟರ್ ನಂತರ. 53 00:03:00,580 --> 00:03:05,580 ಈಗ ಪುಟ ಉಳಿಸಲು ಮತ್ತು ರೀಲೋಡ್ ಅವಕಾಶ ಆ ಬ್ರೌಸರ್ನ ಒಳಗೆ. 54 00:03:05,580 --> 00:03:08,090 ಕ್ರೋಮ್ ರೀಲೋಡ್, ಮತ್ತು ಇಲ್ಲಿ. 55 00:03:08,090 --> 00:03:11,000 ನಾವು ಈಗ ಜಾನ್ ಹಾರ್ವರ್ಡ್ ನ ಪುಟ ಹೊಂದಿವೆ ನಾವು ಉದ್ದೇಶಿತ ಕೇಂದ್ರಿತ. 56 00:03:11,000 --> 00:03:12,619