1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [ಸಿಎಸ್ಎಸ್]

2
00:00:02,000 --> 00:00:04,810
[ಜೋಸೆಫ್ ಓಂಗ್ - ಹಾರ್ವರ್ಡ್ ವಿಶ್ವವಿದ್ಯಾಲಯ]

3
00:00:04,810 --> 00:00:07,160
[ಈ CS50 ಹೊಂದಿದೆ. - CS50.TV]

4
00:00:07,160 --> 00:00:11,430
>> ಇಂದು ನಾವು ಸಿಎಸ್ಎಸ್ ಬಗ್ಗೆ ಅಥವಾ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಮಾಡುತ್ತೇವೆ.

5
00:00:11,430 --> 00:00:14,330
>> ಆದ್ದರಿಂದ ಸಿಎಸ್ಎಸ್ ನಿಖರವಾಗಿ ಏನು?

6
00:00:14,330 --> 00:00:17,120
ವೆಲ್, 2 ಭಾಗಗಳಾಗಿ ಕೆಳಗೆ ಪದವನ್ನು ಸಿಎಸ್ಎಸ್ ಮುರಿಯಲು ನೋಡೋಣ:

7
00:00:17,120 --> 00:00:19,510
ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಮತ್ತು ಸ್ಟೈಲ್ ಶೀಟ್ಸ್.

8
00:00:19,510 --> 00:00:23,900
ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ವಲ್ಪ ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾಗಿದೆ, ಮತ್ತು ಇದು ನಾವು ಮತ್ತೊಂದು ವೀಡಿಯೊದಲ್ಲಿ ರಕ್ಷಣೆ ಮಾಡುತ್ತೇವೆ ವಿಷಯ.

9
00:00:23,900 --> 00:00:27,930
ಆದರೆ ಆರಂಭಿಕ ಕಾಲ, ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ ಸಿಎಸ್ಎಸ್ ಏನು ನಲ್ಲಿ ತುಂಬಾ ಸುಳಿವು.

10
00:00:27,930 --> 00:00:30,880
ಇದು, ಒಂದು ವೆಬ್ ಪುಟದ HTML ಗೆ ಶೈಲಿಗಳು ಸೇರಿಸುತ್ತದೆ

11
00:00:30,880 --> 00:00:33,720
ವೆಬ್ ಪುಟ ಕಲಾತ್ಮಕವಾಗಿ ಕಾಣುತ್ತದೆ ಹೇಗೆ ಬದಲಾಗುತ್ತಿದೆ.

12
00:00:33,720 --> 00:00:38,310
ಈ ಪುಟದಲ್ಲಿ ಪಠ್ಯದ ಫಾಂಟ್ ವಿಷಯವನ್ನು ಸ್ಥಾನವನ್ನು ಎಲ್ಲವನ್ನೂ ಅರ್ಥ

13
00:00:38,310 --> 00:00:43,800
ದುಂಡಾದ ಒಂದು ಬಾಕ್ಸ್ ಮೂಲೆಗಳಲ್ಲಿ ಮಾಡುವ ಅಥವಾ ಪಠ್ಯಕ್ಕೆ ನೆರಳುಗಳು ಸೇರಿಸುವ ಇತರ ತಂಪಾದ ವಸ್ತುಗಳನ್ನು.

14
00:00:43,800 --> 00:00:48,230
ವಿಷಯಗಳನ್ನು ತೆರೆಯಲ್ಲಿ ಅನಿಮೇಟ್ ಮಾಡಲು ರೀತಿಯ ನೀವು ಅವಿವೇಕಿ ಕೆಲಸಗಳನ್ನು ಮಾಡಬಹುದು.

15
00:00:48,230 --> 00:00:51,700
>> ಆದ್ದರಿಂದ ನಾವು ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಎಚ್ಟಿಎಮ್ಎಲ್ ಹೇಗೆ ಬಳಸುವುದು?

16
00:00:51,700 --> 00:00:53,620
ನಾನು ಬರೆದ ಈ ಕಳಪೆ ಕಾಣುವ ಸೈಟ್ ಟೇಕ್.

17
00:00:53,620 --> 00:00:57,290
ರಾಬ್ ಇದೀಗ ಈ ಸೈಟ್ ನೋಡಲು ವೇಳೆ, ಅವರು ಬಹುಶಃ, ಏನೋ ಹಾಗೆ ಹೇಳುವೆನು

18
00:00:57,290 --> 00:01:01,730
"ವಾಹ್! ನನ್ನ ಪರಿಚಯ ಭಯಾನಕ ಕಾಣುತ್ತದೆ. ಜೋಸೆಫ್, ನೀವು ಒಂದು ಅಸಹನೀಯವಾಗಿದ್ದವು ವಿನ್ಯಾಸಕ ಆರ್."

19
00:01:01,730 --> 00:01:05,110
"ಡೀಫಾಲ್ಟ್ ಟೈಮ್ಸ್ ಫಾಂಟ್ ಬಳಸಿ? ಗಾತ್ರ ತುಂಬಾ ಉತ್ತಮ."

20
00:01:05,110 --> 00:01:09,600
>> ಆದ್ದರಿಂದ ಯಾವ ರಾಬ್ ಬಯಸಿದೆ ಶೈಲಿಯನ್ನು ಅರ್ಜಿ ಸರಳ ರೀತಿಯಲ್ಲಿ ಇರಬಹುದು?

21
00:01:09,600 --> 00:01:13,530
ಜನರ ಅತ್ಯಂತ ಸ್ಪಷ್ಟವಾದ ರೀತಿಯಲ್ಲಿ ಲಾಟ್ಸ್ ಆರಂಭದಲ್ಲಿ ಸಿಎಸ್ಎಸ್ ಬರೆದರು

22
00:01:13,530 --> 00:01:17,470
ಅಂಶ ಸ್ವತಃ ನಾವು ಶೈಲಿಯ ಘೋಷಣೆಗಳು ಬಲ ಕರೆಯುವ ಹಾಕಲು ಆಗಿತ್ತು

23
00:01:17,470 --> 00:01:20,560
ಎಚ್ಟಿಎಮ್ಎಲ್ ಶೈಲಿ ಲಕ್ಷಣವನ್ನು ಬಳಸಿಕೊಂಡು.

24
00:01:20,560 --> 00:01:26,420
ಒಂದು ಶೈಲಿಯ ಘೋಷಣೆ ಕೇವಲ HTML ಅಂಶ ತಂದೆಯ CSS ಗುಣಗಳು ಒಳಗೊಂಡಿದೆ ನಾವು ಬದಲಾಯಿಸಲು ಬಯಸುವ

25
00:01:26,420 --> 00:01:32,140
ಕೊನೆಯಲ್ಲಿ ಆಸ್ತಿ ಮತ್ತು ಒಂದು ಅಲ್ಪ ವಿರಾಮ ಚಿಹ್ನೆಯನ್ನು ಹೊಸ ಮೌಲ್ಯವನ್ನು ನಂತರ ಒಂದು ದೊಡ್ಡ ಕರುಳಿನ ನಂತರ.

26
00:01:32,140 --> 00:01:36,600
ಉದಾಹರಣೆಗೆ, ನಾವು ರಾಬ್ ತಮ್ಮ ಪರಿಚಯ ಸುತ್ತ ಕಪ್ಪು ಗಡಿ ಬಯಸಿದೆ ಹೇಳುತ್ತಾರೆ.

27
00:01:36,600 --> 00:01:40,040
ನಾವು ಮೊದಲ ಇಲ್ಲಿ ರಾಬ್ ತಂದೆಯ DIV ಮೇಲೆ ಶೈಲಿ ಗುಣಲಕ್ಷಣ ಪುಟ್

28
00:01:40,040 --> 00:01:43,830
ನಂತರ ಡಬಲ್ ಉಲ್ಲೇಖಗಳು ಒಳಗೆ ಒಂದು ಸಿಎಸ್ಎಸ್ ಘೋಷಣೆ ಪುಟ್:

29
00:01:43,830 --> 00:01:47,880
"ಗಡಿ: 1px ಘನ ಕಪ್ಪು;"

30
00:01:47,880 --> 00:01:52,480
1 ಪಿಕ್ಸೆಲ್ ಗಡಿ ಅಗಲ ಸೂಚಿಸುತ್ತದೆ, ಘನ, ಗಡಿ ಶೈಲಿಯನ್ನು ಉಲ್ಲೇಖಿಸುತ್ತದೆ

31
00:01:52,480 --> 00:01:56,640
ಮತ್ತು ಕೊನೆಯಲ್ಲಿ ಬಣ್ಣ ಗಡಿ ತಂದೆಯ ಬಣ್ಣವಾಗಿದೆ ಏನು ನಿರ್ಧರಿಸುತ್ತದೆ.

32
00:01:56,640 --> 00:02:01,220
>> ನಾವು ಒಂದು ಅಂಶ ಬಹು ಶೈಲಿಗಳು ಬಯಸಿದರೆ, ಅನುಕ್ರಮದಲ್ಲಿ ಈ ಘೋಷಣೆಗಳು ಬರೆಯಲು.

33
00:02:01,220 --> 00:02:05,650
ಉದಾಹರಣೆಗೆ, ರಾಬ್ ಒಂದು ನೀಲಿ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಹೆಲ್ವೆಟಿಕಾ ತನ್ನ ಶಿರೋಲೇಖ ಪಠ್ಯ ಬಯಸಿದರೆ

34
00:02:05,650 --> 00:02:09,270
ಮತ್ತು ಪಠ್ಯ ಸುಮಾರು ಹೆಚ್ಚು ಸ್ಥಳವನ್ನು ನಾವು ಇದನ್ನು ಮಾಡಬಹುದು:

35
00:02:09,270 --> 00:02:19,800
ಶೈಲಿ = "font-ಕುಟುಂಬ: ಗಾತ್ರ; ಹಿನ್ನೆಲೆ ಬಣ್ಣ: ನೀಲಿ; ಪ್ಯಾಡಿಂಗ್: 5px;"

36
00:02:22,150 --> 00:02:28,010
ಕೊನೆಯ ಅಲ್ಪ ವಿರಾಮ ಚಿಹ್ನೆಯನ್ನು ವಾಸ್ತವವಾಗಿ ಐಚ್ಛಿಕವಾಗಿರುತ್ತದೆ, ಆದರೆ ಜನರು ಸಾಮಾನ್ಯವಾಗಿ ಸ್ಥಿರತೆ ತಂದೆಯ ಸಲುವಾಗಿ ಇದು ಇರಿಸಿಕೊಳ್ಳಲು.

37
00:02:28,010 --> 00:02:32,180
>> ನಾವು ತಂಪಾದ ಮತ್ತು ಹೆಚ್ಚು ಸಂಕೀರ್ಣ ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಕೆಲವು ವಿವರಿಸುವ ಉಳಿಸುತ್ತೇವೆ

38
00:02:32,180 --> 00:02:34,140
ಇನ್ನೊಂದು ವೀಡಿಯೊ.

39
00:02:34,140 --> 00:02:38,780
ನೀವು ಮನಸ್ಸಿನಲ್ಲಿ ಏನೋ ಹೊಂದಿದ್ದರೆ, ಕೇವಲ ಸಿಎಸ್ಎಸ್ ನಂತರ ನೀವು ಬಯಸುವ ಪರಿಣಾಮ Googling

40
00:02:38,780 --> 00:02:41,590
ಬಹುಶಃ ನೀವು ಒಳ್ಳೆಯ ಫಲಿತಾಂಶಗಳನ್ನು ನೀಡುತ್ತದೆ.

41
00:02:41,590 --> 00:02:44,530
ತಂಪಾದ ವಿಷಯ, ಸಿಎಸ್ಎಸ್ ಸಾಕಷ್ಟು ವಿಶಾಲವಾಗಿದೆ ಎಂಬುದು

42
00:02:44,530 --> 00:02:48,470
ನೀವು ಮಾಡಲು ಬಯಸುವ ಇದೆಯೇ ವೇಳೆ ಆದ್ದರಿಂದ ವಿಚಿತ್ರ ಇವೆ - ಕಾರಣ ಒಳಗೆ -

43
00:02:48,470 --> 00:02:51,350
ಸಿಎಸ್ಎಸ್ ಬಹುಶಃ ಮಾಡಬಹುದು.

44
00:02:51,350 --> 00:02:54,750
ನಾವು ಇನ್ಲೈನ್ ಶೈಲಿಯನ್ನು ವಿನ್ಯಾಸಗಾರಿಕೆಯ ಈ ರೀತಿಯ ಕರೆ.

45
00:02:54,750 --> 00:02:59,030
ಅಂಶ ಶೈಲಿಯ ಆರಂಭ ಟ್ಯಾಗ್ ಜೊತೆ ಸಾಲಿನಲ್ಲಿ, ಹಾಗೆಯೇ, ಇದು.

46
00:02:59,030 --> 00:03:01,770
>> ನಿಜವಾಗಿಯೂ ಆಯೋಜಿಸಲಾಗಿದೆ ಎಂದು ಇಷ್ಟಪಡುವ ಜನರಾಗಿದ್ದರು ಫಾರ್,

47
00:03:01,770 --> 00:03:05,800
ಈ ಎಲ್ಲಾ ಕಾಣುತ್ತದೆ ಹೇಗೆ ಗೊಂದಲಮಯ ನಲ್ಲಿ peeved ಸ್ವಲ್ಪ ಪಡೆಯುವಲ್ಲಿ ಆರಂಭಗೊಳ್ಳಲಿದ್ದು.

48
00:03:05,800 --> 00:03:09,810
ನೀವು ಪುಟದಲ್ಲಿ ಪ್ರತಿ ಅಂಶ ಈ ಮಾಡಲೇಬೇಕಿತ್ತು ವೇಳೆ, ಇಮ್ಯಾಜಿನ್

49
00:03:09,810 --> 00:03:13,690
ಜೊತೆಗೆ ಈಗ ನಿಮ್ಮ HTML ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಎಲ್ಲಾ ಸಮ್ಮಿಶ್ರಗೊಂಡು ಗಳಿಂದ ಮಾಡಲಾಗುತ್ತದೆ.

50
00:03:13,690 --> 00:03:15,500
ಒಟ್ಟು, ಬಲ?

51
00:03:15,500 --> 00:03:21,110
ಇದನ್ನು ಸರಿಪಡಿಸಲು, ಜನರು ಅಂತಿಮವಾಗಿ ತಮ್ಮ ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಾರ್ಕ್ಅಪ್ ಬೇರ್ಪಡಿಸುವ ಮೇಲೆ ಹಿಡಿಯುತ್ತಿರುವ ಪ್ರಾರಂಭಿಸಿದರು

52
00:03:21,110 --> 00:03:26,370
ಸಿಎಸ್ಎಸ್ ಆಯ್ಕೆ ಎಂದು ಕರೆಯುವುದನ್ನು ಬಳಸಿಕೊಂಡು ತಮ್ಮ ಸಿಎಸ್ಎಸ್ ಶೈಲಿಯನ್ನು ನಿಂದ.

53
00:03:26,370 --> 00:03:31,780
ಸಿಎಸ್ಎಸ್ ಆಯ್ಕೆ ಇದು ಘೋಷಣೆಗಳು ಪ್ರಯೋಗಿಸಲಾಗುತ್ತದೆ ಧಾತುಗಳನ್ನು ಆಯ್ಕೆ ಬಳಸಲಾಗುತ್ತದೆ.

54
00:03:31,780 --> 00:03:38,600
ಸಿಎಸ್ಎಸ್ ಘೋಷಣೆಗಳು ಪಟ್ಟಿಯನ್ನು ಸಂಯೋಜಿಸಲ್ಪಟ್ಟ ಒಂದು ಆಯ್ಕೆ ಸಾಮಾನ್ಯವಾಗಿ ಸಿಎಸ್ಎಸ್ ನಿಯಮ ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ.

55
00:03:38,600 --> 00:03:43,260
ಈ ನಿಯಮಗಳು, ಮುಕ್ತ ಮತ್ತು ನಿಕಟ ಎಚ್ಟಿಎಮ್ಎಲ್ ಶೈಲಿ ಟ್ಯಾಗ್ಗಳು ನಡುವೆ ಪುಟ್ ಎಂದು

56
00:03:43,260 --> 00:03:46,120
ಸಾಮಾನ್ಯವಾಗಿ ದಾಖಲೆ ತಲೆಯಲ್ಲಿ.

57
00:03:46,120 --> 00:03:49,000
>> ಇದು, ಒಂದು ಉದಾಹರಣೆಗೆ ನೋಡಿ ತುಂಬಾ ಸುಲಭ

58
00:03:49,000 --> 00:03:53,000
ಆದ್ದರಿಂದ ಸರಳ ಸಿಎಸ್ಎಸ್ ನಿಯಮ ರಚಿಸುವ ಮೂಲಕ ಆರಂಭಿಸೋಣ.

59
00:03:53,000 --> 00:03:58,180
ಮೊದಲ, ನಮ್ಮ HTML ನ ತಲೆ ವಿಭಾಗದಲ್ಲಿ ಶೈಲಿ ಟ್ಯಾಗ್ಗಳು ಹಾಕಲು ಅವಕಾಶ.

60
00:03:58,180 --> 00:04:00,020
ಮುಂದೆ, ಆಯ್ಕೆ.

61
00:04:00,020 --> 00:04:03,490
ನಾವು ಸರಳ ಆಯ್ಕೆ ಒಂದಾದ ಹ್ಯಾಶ್ ಸಂಕೇತ, ಬಳಸಿಕೊಂಡು ಆಫ್ ಆರಂಭಿಸಲು ಮಾಡುತ್ತೇವೆ

62
00:04:03,490 --> 00:04:08,080
ಇದು ಇದರ ID ವೈಶಿಷ್ಟ್ಯದ ಮೂಲಕ ಒಂದು HTML ಅಂಶ ಆಯ್ಕೆ.

63
00:04:08,080 --> 00:04:11,850
ಈ ಸಂದರ್ಭದಲ್ಲಿ ನಾವು ರಾಬ್ ಪರಿಚಯವು ಪ್ರತಿನಿಧಿಸುವ DIV ಆಯ್ಕೆ ಮಾಡುತ್ತೇವೆ

64
00:04:11,850 --> 00:04:16,740
DIV ಚೀಟಿ, ರಾಬ್ ನಂತರ ಹ್ಯಾಶ್ ಚಿಹ್ನೆಯನ್ನು ನಮೂದಿಸಿ.

65
00:04:16,740 --> 00:04:18,579
ಈಗ ಘೋಷಣೆಗಳು.

66
00:04:18,579 --> 00:04:24,090
ನಾವು ಮುಕ್ತ ಮತ್ತು ನಿಕಟ ಕಟ್ಟುಪಟ್ಟಿಗಳು ಸೇರಿಸಲು ಮತ್ತು ರಾಬ್ ತಂದೆಯ DIV ನಮ್ಮ ಹಿಂದಿನ ಇನ್ಲೈನ್ ಘೋಷಣೆಗಳು ಪಲ್ಲಟ

67
00:04:24,090 --> 00:04:26,880
ಈ ಕಟ್ಟುಪಟ್ಟಿಗಳು ಒಳಗೆ, ರಿಫ್ರೆಶ್,

68
00:04:26,880 --> 00:04:34,160
ಮತ್ತು, ತಂಪಾದ, ರಾಬ್ ತಂದೆಯ ಪರಿಚಯ ಇನ್ನೂ ಸುಮಾರು ಕಪ್ಪು ಗಡಿ ಮೈನಸ್ ಗೊಂದಲಮಯ ಇನ್ಲೈನ್ ವಿಕಾರತೆ ಹೊಂದಿದೆ.

69
00:04:34,160 --> 00:04:39,380
>> ಈಗ, ನಾವು ರಾಬ್ ತಂದೆಯ ಪರಿಚಯ ಆಫ್ H1 ಒಳಗೆ ಆಯ್ಕೆ ಬಯಸಿದರು ವೇಳೆ?

70
00:04:39,380 --> 00:04:44,400
ನೀವು "ನ ಮೇಲೆ ಒಂದು ID ಪುಟ್ ತದನಂತರ ನಮ್ಮ ಹಿಂದಿನ ಶೈಲಿಗಳನ್ನು ಸರಿಸಲು ಲೆಟ್.", ಭಾವಿಸುತ್ತೇನೆ ಇರಬಹುದು

71
00:04:44,400 --> 00:04:48,760
ಆ ಕೆಲಸ, ಆದರೆ ಸಿಎಸ್ಎಸ್ ನೀವು ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ ಅವಕಾಶ ಇತರ ಮಾರ್ಗಗಳನ್ನು ಹೊಂದಿದೆ

72
00:04:48,760 --> 00:04:53,490
ನಾವು combinators ಸರಳ ಆಯ್ಕೆ ಬೆರೆಸುವ ಕರೆಯುವ ಮೂಲಕ.

73
00:04:53,490 --> 00:04:57,740
ಉದಾಹರಣೆಗೆ, ಒಂದು ಖಾಲಿ ಜಾಗಗಳನ್ನು ರ ಒಂದು ಕಾಂಬಿನೇಟರ್ ಬಳಸಬಹುದು

74
00:04:57,740 --> 00:05:03,510
ಮತ್ತೊಂದು ಆಯ್ಕೆ ನ ಒಳಗೆ ಜೀವಿಸುವ 1 ಸೆಲೆಕ್ಟರ್ ಎಲ್ಲಾ ನಿದರ್ಶನಗಳಲ್ಲಿ ಸೂಚಿಸಲು.

75
00:05:03,510 --> 00:05:06,630
ಇದು ವಾಸ್ತವವಾಗಿ ಹೆಚ್ಚು ಬಹಳಷ್ಟು ಸಂಕೀರ್ಣವಾದ ಶಬ್ದಗಳನ್ನು.

76
00:05:06,630 --> 00:05:08,830
ಇಲ್ಲಿ ಒಂದು ಉದಾಹರಣೆ.

77
00:05:08,830 --> 00:05:13,900
ನಾವು #, ದೋಚುವ ಒಂದು ಜಾಗವನ್ನು ಸೇರಿಸಲು, ಮತ್ತು H1 ಅದನ್ನು ಅನುಸರಿಸಿ ಟೈಪ್ ಕಾಣಿಸುತ್ತದೆ

78
00:05:13,900 --> 00:05:18,840
ಇನ್ನೊಂದು ಸರಳ ಆಯ್ಕೆ ಘಟಕಗಳ ವಿಧಗಳು ಆಯ್ಕೆ ಒಂದು ಟ್ಯಾಗ್ ಆಯ್ಕೆ ಎಂದು

79
00:05:18,840 --> 00:05:21,200
divs ಅಥವಾ ಪ್ಯಾರಾಗಳು ಹಾಗೆ.

80
00:05:21,200 --> 00:05:26,140
ಬಾಹ್ಯಾಕಾಶ ಎಲ್ಲಾ ಸಿಎಸ್ಎಸ್ ಘೋಷಣೆಗಳು ಅನ್ವಯಿಸುವ, ನಮ್ಮ 2 ಸರಳ ಆಯ್ಕೆ ಸಂಯೋಜಿಸುತ್ತದೆ

81
00:05:26,140 --> 00:05:32,560
ಮತ್ತು ಐಡಿ = "ರಾಬ್" ಜೊತೆ ಅಂಶದ ಒಳಗೆ ಜೀವಿಸುವ H1 ಟ್ಯಾಗ್ಗಳಿಗೆ ಸುರುಳಿಯಾದ ಬ್ರೇಸ್.

82
00:05:32,560 --> 00:05:38,290
ಕೇವಲ ಇದು ಕೆಲಸ ಎಂಬುದನ್ನು ನೀವು ಮನವರಿಕೆ ಮಾಡಲು, ನಾನು ಬಿಳಿಯ, ರಿಫ್ರೆಶ್, ಗೆ ಫಾಂಟ್ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಲು ಮಾಡುತ್ತೇವೆ

83
00:05:38,290 --> 00:05:42,090
ಮತ್ತು, ನೋಡಲು, ರಾಬ್ ತಂದೆಯ ಹೆಡರ್ ಈಗ ಬಿಳಿ.

84
00:05:42,090 --> 00:05:47,510
>> ಈ ಕೆಲಸದ ಎಲ್ಲಾ ನಿಯಮಗಳ ಬದಲಿಗೆ ಇನ್ಲೈನ್ ಶೈಲಿಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಎಂದು ತೋರಿಸಲು ಹೋಗುತ್ತದೆ

85
00:05:47,510 --> 00:05:50,510
ನಾವು ಹೆಚ್ಚು ಕ್ಲೀನರ್ ಕೋಡ್ ಪಡೆಯಬಹುದು.

86
00:05:50,510 --> 00:05:53,900
ಈ ಶೈಲಿಯ ಬ್ಲಾಕ್ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ ವೇಳೆ ವಾಸ್ತವವಾಗಿ, ಸ್ವಲ್ಪ ದೊಡ್ಡ ಪಡೆಯುವಲ್ಲಿ

87
00:05:53,900 --> 00:05:58,340
ನಾನು ಸಂಪೂರ್ಣವಾಗಿ ಬೇರೆ ಫೈಲ್ ಆಗಿ ಈ ಶೈಲಿಗಳು ಹಿಂದೆಗೆದುಕೊಳ್ಳಬೇಕು ಮಾಡಬಹುದು.

88
00:05:58,340 --> 00:06:05,120
>> ಈ ದಸ್ತಾವೇಜು ಸಿಎಸ್ಎಸ್ ಈ ಹೊಸ ಕಡತ ಸೇರಿಸಲು ನಾನು ಎಚ್ಟಿಎಮ್ಎಲ್ ತಂದೆಯ ಲಿಂಕ್ ಟ್ಯಾಗ್ ಬಳಸಿ.

89
00:06:05,120 --> 00:06:10,320
ಇಲ್ಲಿ ನಾನು, ನಾನು ಬಾಹ್ಯ ಶೈಲಿಯ ಹಾಳೆಯಲ್ಲಿ ಲಿಂಕ್ ಬಾಗುತ್ತೇನೆ ಎಂದು rel ಗುಣಲಕ್ಷಣ ಇದು ಹೇಳುವ ಬಾಗುತ್ತೇನೆ

90
00:06:10,320 --> 00:06:14,840
ಮತ್ತು ನನ್ನ href ಗುಣಲಕ್ಷಣ ಹೊಂದಿರುವ ಕಡತಕ್ಕೆ ಮಾರ್ಗವನ್ನು ಸೂಚಿಸಿ.

91
00:06:14,840 --> 00:06:20,290
ಈಗ ನನ್ನ ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಾರ್ಕ್ಅಪ್ ಮತ್ತು CSS, ಸಂಪೂರ್ಣವಾಗಿ ಪ್ರತ್ಯೇಕ ಕಡತಗಳಲ್ಲಿ ಅಲೆಯಲ್ಲಿ ಆಯೋಜಿಸಲಾಗಿದೆ

92
00:06:20,290 --> 00:06:26,090
ಇದು ಯಾವಾಗಲೂ ವಿನ್ಯಾಸಕರು ಎಚ್ಟಿಎಂಎಲ್ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಕೆಲಸ ಆದ್ಯತೆ ಮಾರ್ಗವಾಗಿದೆ.

93
00:06:26,090 --> 00:06:30,180
>> ನೀವು ಆಶ್ಚರ್ಯ ಪಡುವ ನೀವು ಸಂದರ್ಭದಲ್ಲಿ, ಸರಳ ಆಯ್ಕೆ ID ಆಯ್ಕೆ ಸೇರಿವೆ

94
00:06:30,180 --> 00:06:33,100
ನಾವು ನೋಡಿದ ಪದಗಳಿಗಿಂತ ರೀತಿಯ ಮತ್ತು ಟ್ಯಾಗ್ ಆಯ್ಕೆ

95
00:06:33,100 --> 00:06:38,610
ಹಾಗೆಯೇ ವರ್ಗ ಒಂದು ನಿರ್ದಿಷ್ಟ ವರ್ಗದ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ ಆಯ್ಕೆದಾರರಿಂದ,

96
00:06:38,610 --> 00:06:44,000
ಮಾದರಿ ಇತರ ವೈಶಿಷ್ಟ್ಯಗಳ ಮೂಲಕ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ ಗುಣಲಕ್ಷಣ ಆಯ್ಕೆ = "ರೇಡಿಯೋ"

97
00:06:44,000 --> 00:06:49,180
ರೇಡಿಯೋ ಬಟನ್ ಒಳಹರಿವು, ಮತ್ತು ಹಾಗೆ pseudoselectors ಫಾರ್ ಮೇಲಿದ್ದು ಮತ್ತು ಗಮನ

98
00:06:49,180 --> 00:06:55,260
ಪರಸ್ಪರ ಒಂದು ಅಂಶ ಮ್ಯಾಗ್ನೆಟ್ ಪ್ರತಿ mousing ಇಷ್ಟಪಟ್ಟಾಗ ಶೈಲಿಯನ್ನು ಸೂಚಿಸಿ ಫಾರ್.

99
00:06:55,260 --> 00:06:58,950
>> ಸಾಮಾನ್ಯ combinators ಎಲ್ಲಾ ಮಕ್ಕಳಿಗೆ ಜಾಗಗಳನ್ನು ಒಳಗೊಳ್ಳುತ್ತವೆ

100
00:06:58,950 --> 00:07:02,080
ಮತ್ತು ಅಲ್ಪವಿರಾಮ ಆಯ್ಕೆ ವ್ಯತ್ಯಾಸ.

101
00:07:02,080 --> 00:07:06,370
ನೀವು ಎದುರಿಸಬಹುದು ಇತರರು ಮಾತ್ರ ನೇರ ಮಕ್ಕಳಿಗೆ ಬಾಣ ಸೇರಿವೆ

102
00:07:06,370 --> 00:07:10,440
ಅಂಶ ನಂತರ ಸಂಭವಿಸುವ ಎಲ್ಲಾ ಸಂತಾನಕ್ಕೆ tilde,

103
00:07:10,440 --> 00:07:16,010
ಮತ್ತು ಅಂಶ ತಕ್ಷಣ ಬರುತ್ತದೆ 1 ಸಹೋದರ ಫಾರ್ ಪ್ಲಸ್ ಚಿಹ್ನೆ.

104
00:07:16,010 --> 00:07:18,540
>> ಈ ಆಯ್ಕೆ ಮತ್ತು combinators ತುಲನೆ,

105
00:07:18,540 --> 00:07:22,910
ನೀವು ನೀಡಿದ ವೆಬ್ ಪುಟದ ಸಾಧಿಸಬಹುದು ಶೈಲಿಯನ್ನು ವ್ಯಾಪ್ತಿಯನ್ನು ವಿಸ್ತರಿಸಿ ಮಾಡಬಹುದು

106
00:07:22,910 --> 00:07:25,050
ಮತ್ತು ಹೆಚ್ಚು ಸಮರ್ಥವಾಗಿ ಸಿಎಸ್ಎಸ್ ಬರೆಯಲು.

107
00:07:25,050 --> 00:07:28,370
ನೀವು ನನ್ನನ್ನು ಇಲ್ಲಿ ಟೈಪ್ ನೋಡಿ ಸಿಎಸ್ಎಸ್ ಸಾಲುಗಳು ಕೇವಲ ಒಂದೆರಡು ಜೊತೆ,

108
00:07:28,370 --> 00:07:34,460
ನಾನು ಬೇಗ ಈ ರೀತಿಯ ರೀತಿ ನೋಟ ರೀತಿಯ ಮಾಡಬಹುದು.

109
00:07:34,460 --> 00:07:37,080
>> ನಾನು ಜೋಸೆಫ್ ಮನುಷ್ಯ, ಮತ್ತು ಈ CS50 ಹೊಂದಿದೆ.

110
00:07:37,080 --> 00:07:39,260
>> [CS50.TV]

111
00:07:39,260 --> 00:07:40,780
>> ಉಹ್, ನಾನು ಅಲ್ಲಿ ಆರಂಭಿಸಲು ಇಲ್ಲ?

112
00:07:40,780 --> 00:07:44,140
[ನಗು] ಸರಿ - ನನ್ನ ಇಲ್ಲದೆ ಎಂದು ಮಾಡೋಣ.

113
00:07:44,140 --> 00:07:47,300
ಒಂದು ಸೇರಿಸಿ - ನನಗೆ ಆ ಮಾತುಗಳು ಬದಲಾಯಿಸಲು ಅವಕಾಶ.

114
00:07:50,580 --> 00:07:52,470
Ooh. ಕ್ಷಮಿಸಿ.