1
00:00:00,000 --> 00:00:05,660
>> [সঙ্গীত বাজাচ্ছি]

2
00:00:05,660 --> 00:00:08,740
>> ডগ লয়েড: সুতরাং আসুন আরও নিতে দিন
ভিডিও আরো এক ভাষা সম্পর্কে কথা বলার জন্য.

3
00:00:08,740 --> 00:00:10,800
আমরা সিএসএস সম্পর্কে আলোচনা করব এই সময়.

4
00:00:10,800 --> 00:00:13,460
এর সংক্ষিপ্ত রূপ, যা তাই সিএসএস,
স্টাইল শীট Cascading,

5
00:00:13,460 --> 00:00:16,149
আমরা ব্যবহার অন্য ভাষায় হয়
ওয়েবসাইট সময়েই.

6
00:00:16,149 --> 00:00:17,190
এই মত সেটা ভাবুন.

7
00:00:17,190 --> 00:00:20,900
এইচটিএমএল আমরা সংগঠিত করার জন্য ব্যবহার করা হয় তাহলে
আমরা আমাদের পেজে লাগাতে চান কন্টেন্ট,

8
00:00:20,900 --> 00:00:25,390
সিএসএস আমরা সাধারণত ব্যবহার করে টুল
আমাদের ওয়েবসাইট দেখুন কিভাবে কাস্টমাইজ,

9
00:00:25,390 --> 00:00:30,410
এবং কিভাবে ব্যবহারকারীর অভিজ্ঞতা সত্যিই
আমাদের ওয়েবসাইটের সাথে আলাপচারিতার হয়.

10
00:00:30,410 --> 00:00:32,535
>> এইচটিএমএল অনুরূপ, সিএসএস
একটি প্রোগ্রামিং ভাষা.

11
00:00:32,535 --> 00:00:33,451
এটা যুক্তি নেই.

12
00:00:33,451 --> 00:00:34,595
এটা ভেরিয়েবল নেই.

13
00:00:34,595 --> 00:00:38,890
এটা যে কোন ধরণের নেই
সি আছে যে এর সাথে সম্পর্কিত কিছু প্রবাহিত.

14
00:00:38,890 --> 00:00:40,150
এটি একটি স্টাইলিং ভাষা.

15
00:00:40,150 --> 00:00:42,810
আর তার সিনট্যাক্স প্রশংসনীয়
সহজ, এবং শুধু বর্ণনা

16
00:00:42,810 --> 00:00:46,240
কিভাবে উপাদান আমাদের
পাতা নির্দিষ্ট এইচটিএমএল আছে

17
00:00:46,240 --> 00:00:48,190
উপাদান পরিবর্তন করা উচিত.

18
00:00:48,190 --> 00:00:51,170
যে শেষে, যদি না থাকে তাহলে
এখনো HTML এর উপর আমাদের ভিডিওটি দেখেছেন

19
00:00:51,170 --> 00:00:53,290
অথবা সঙ্গে অপরিচিত
এইচটিএমএল সাধারণত, আপনি

20
00:00:53,290 --> 00:00:57,430
যে কটাক্ষপাত গ্রহণ করতে পারেন
CSS এর প্রথম, কারণ এই আলোচনা

21
00:00:57,430 --> 00:01:00,700
উপর নির্ভর করে যাচ্ছে
এইচটিএমএল এর কিছু জ্ঞান.

22
00:01:00,700 --> 00:01:03,740
>> তাই এখানে একটি সত্যিই
সহজ সিএসএস স্টাইল.

23
00:01:03,740 --> 00:01:06,480
আপনি না করেছি, এমনকি যদি
আগে CSS এর সঙ্গে প্রোগ্রাম,

24
00:01:06,480 --> 00:01:10,624
আপনি চিন্তা করতে পারেন আমি নিশ্চিত প্রশংসনীয়
এই স্টাইলশীট ঠিক কি.

25
00:01:10,624 --> 00:01:11,290
এটার কাজ কি?

26
00:01:11,290 --> 00:01:15,470
ওয়েল, আমাদের ওয়েব শরীরের প্রয়োগ
শরীরের ট্যাগ মধ্যে পৃষ্ঠা, সবকিছু

27
00:01:15,470 --> 00:01:19,631
আমাদের এইচটিএমএল এর উপর, এবং এটি সেট করে
নীল যে পৃষ্ঠার ব্যাকগ্রাউন্ড রং.

28
00:01:19,631 --> 00:01:21,130
হ্যাঁ, এটি একটি খুব সহজ স্টাইলশীট এর.

29
00:01:21,130 --> 00:01:23,269
এটা আসলে খুব মানব
বন্ধুত্বপূর্ণ ভাষা, সিএসএস.

30
00:01:23,269 --> 00:01:26,560
সুতরাং আপনি আগে কখনও ব্যবহার করেছি, এমনকি যদি
আপনি সম্ভবত যে কি অনুমান করতে পারে.

31
00:01:26,560 --> 00:01:30,140
বস্তুত, যদি আমরা একটি পাতা, যেখানে লোড
এই স্টাইলশীট একরকম ছিল এমবেডেড

32
00:01:30,140 --> 00:01:36,240
আমাদের পৃষ্ঠার ব্যাকগ্রাউন্ড রং would
নীল, এবং স্ট্যান্ডার্ড সাদা না হতে.

33
00:01:36,240 --> 00:01:37,670
>> তাই কিভাবে আমরা স্টাইলশীট নির্মাণ করেন?

34
00:01:37,670 --> 00:01:39,700
ওয়েল প্রথম, আমরা আছে
একটি নির্বাচক চিহ্নিত.

35
00:01:39,700 --> 00:01:42,970
সর্বশেষ উদাহরণে,
যে নির্বাচক শরীর ছিল.

36
00:01:42,970 --> 00:01:45,050
তারপর আমরা একটি খোলা আছে
কোঁকড়া বক্রবন্ধনী, এবং আমরা করছি

37
00:01:45,050 --> 00:01:48,410
সংজ্ঞা শুরু করতে যাচ্ছে
যে নির্বাচক জন্য স্টাইলশীট.

38
00:01:48,410 --> 00:01:51,800
মধ্যে কোঁকড়া ধনুর্বন্ধনী, আমরা
শুধু কী মান জোড়া একটি তালিকা আছে.

39
00:01:51,800 --> 00:01:56,205
পূর্ববর্তী মান জুড়ি ছিল
পটভূমির রঙ নীল সেমিকোলন,

40
00:01:56,205 --> 00:01:57,830
কিন্তু আমরা এই বেশি এবং আরও অনেক কিছু করতে পারে.

41
00:01:57,830 --> 00:02:02,330
আপনি একাধিক জিনিষ প্রয়োগ হতে পারে
যে ট্যাগ, যে নির্বাচক শরীর থেকে.

42
00:02:02,330 --> 00:02:05,960
তাদের প্রত্যেকটি এক একটি দ্বারা বিভক্ত করা হয়
সেমিকোলন, এবং আমরা তাদের প্রত্যেককে কল

43
00:02:05,960 --> 00:02:08,949
ঘোষণাটি একটি CSS ঘোষণা.

44
00:02:08,949 --> 00:02:12,410
আমরা সব স্টাইলিং আমরা সঙ্গে সম্পন্ন হলে
যে বিশেষ ট্যাগ প্রয়োগ করতে চান,

45
00:02:12,410 --> 00:02:15,300
আমরা শুধু একটি ক্লোজিং কোঁকড়া আছে
স্টাইলশীট শেষ করতে উত্সাহিত,

46
00:02:15,300 --> 00:02:19,640
এবং আমরা স্টাইলশীট সংজ্ঞা পেরেছ
যে বিশেষ নির্বাচক জন্য.

47
00:02:19,640 --> 00:02:21,341
>> কিছু সাধারণ CSS এর বৈশিষ্ট্য কি কি?

48
00:02:21,341 --> 00:02:23,590
ওয়েল, হয়তো আপনি লাগাতে চান
কিছু কাছাকাছি একটি সীমানা.

49
00:02:23,590 --> 00:02:26,850
আপনি বলতে পারেন, তাই, সীমানা,
আপনার কি যে হবে,

50
00:02:26,850 --> 00:02:29,460
এবং তারপর আপনার মান হতে হবে,
কি শৈলী, রং, এবং প্রস্থ

51
00:02:29,460 --> 00:02:30,209
আপনি এটা হতে চান.

52
00:02:30,209 --> 00:02:33,530
সুতরাং শৈলী একটি কঠিন হতে পারে
লাইন, একটি ডটেড লাইন, একটি ড্যাশ রেখা,

53
00:02:33,530 --> 00:02:36,020
তরঙ্গায়িত লাইন হবে, যা একটি সেতুবন্ধ লাইন.

54
00:02:36,020 --> 00:02:38,790
হতে পারে আপনি এটি করতে চান
নীল বা কালো বা সবুজ হতে.

55
00:02:38,790 --> 00:02:41,490
হতে পারে আপনি এটা হতে চান
1 বা 2 বা 10 পিক্সেল চওড়া.

56
00:02:41,490 --> 00:02:43,254
আপনি সেগুলো সব নির্দিষ্ট করতে পারেন.

57
00:02:43,254 --> 00:02:46,420
হতে পারে আপনি ব্যাকগ্রাউন্ড সেট করতে চান
একটি নির্দিষ্ট উপায় আপনার পৃষ্ঠার রং.

58
00:02:46,420 --> 00:02:49,215
আমরা ইতিমধ্যে সেট, যে দেখেছি
শরীরের ব্যাকগ্রাউন্ড নীল হতে.

59
00:02:49,215 --> 00:02:52,080
>> তারপর আপনি একটি মূল শব্দ ব্যবহার করতে পারেন,
তাই সিএসএস নির্দিষ্ট রং আছে

60
00:02:52,080 --> 00:02:55,950
যে, সেটিকে সবুজ, নীল নির্মিত হয়
কালো, আমরা জানি একটি খুব সহজ রং.

61
00:02:55,950 --> 00:02:59,110
কিন্তু আপনি যে কোনো নির্দিষ্ট করতে পারেন
আপনি চান যে হেক্স রঙ.

62
00:02:59,110 --> 00:03:05,190
রং চিহ্নিত করা হয়েছিল রিকল
তিন হেক্স সংখ্যার একটি সেট করে

63
00:03:05,190 --> 00:03:08,500
0 থেকে 255, RG এবং B, এর সাথে
লাল, সবুজ, নীল এবং কম্পোনেন্ট.

64
00:03:08,500 --> 00:03:10,590
আর তাই আমরা নির্দিষ্ট করতে পারেন
আমরা করে কাঙ্ক্ষিত রং,

65
00:03:10,590 --> 00:03:15,520
পরিবর্তে নীল বা সবুজ বা কালো ব্যবহার করে,
পাউন্ড ব্যবহার এবং হেক্স তৎকালীন ছয় ডিজিটের,

66
00:03:15,520 --> 00:03:18,310
এবং যে আমাদের দিতে হবে
ছয় ডাক রঙ.

67
00:03:18,310 --> 00:03:19,850
সুতরাং যে পটভূমির রঙ এর.

68
00:03:19,850 --> 00:03:21,975
>> আমরা পুরোভূমি আছে
সাধারণত যা রঙ,

69
00:03:21,975 --> 00:03:24,140
আপনার পৃষ্ঠার টেক্সট হতে যাচ্ছে.

70
00:03:24,140 --> 00:03:28,850
আর আপনি একইভাবে তা করতে পারে
মূল শব্দ এবং বা ছয় সংখ্যার hex সঙ্গে.

71
00:03:28,850 --> 00:03:32,140
তাই আপনি যদি কোনো রঙ উল্লেখ করতে পারেন আপনি
আপনার পৃষ্ঠা নির্দেশক টেক্সটের পটভূমির জন্য চাই

72
00:03:32,140 --> 00:03:36,370
একটি নির্দিষ্ট বিরুদ্ধে
পটভূমির রঙ, আপ উপরে.

73
00:03:36,370 --> 00:03:39,100
আপনি পরিবর্তন এবং মোকাবেলা করতে পারেন
ফন্ট, এবং পথ টেক্সট সঙ্গে

74
00:03:39,100 --> 00:03:40,400
পাতা নেভিগেশন অনুষ্ঠিত হয়.

75
00:03:40,400 --> 00:03:42,010
>> সুতরাং আপনি আপনার ফন্ট সাইজ পরিবর্তন করতে পারেন.

76
00:03:42,010 --> 00:03:46,320
আপনি, যেমন অতিরিক্ত হিসাবে মূল শব্দ, ব্যবহার করতে পারেন
অতিরিক্ত ছোট, বা ছোট XX, বা মাঝারি,

77
00:03:46,320 --> 00:03:47,660
বড়, এবং তাই.

78
00:03:47,660 --> 00:03:50,750
আপনি নির্দিষ্ট পয়েন্ট ব্যবহার করতে পারেন, 10
বিন্দু, 12 পয়েন্ট, এবং তাই.

79
00:03:50,750 --> 00:03:55,850
আপনি, শতকরা 80%, 20% ব্যবহার করতে পারেন
যেখানে 100% ডিফল্ট ফন্ট

80
00:03:55,850 --> 00:03:59,220
সাধারণত যাচ্ছে যা সাইজ,
11 বা 12 পয়েন্ট ভালো কিছু হতে.

81
00:03:59,220 --> 00:04:01,659
বা এমনকি আপনি এটি বন্ধ বেস পারেন
সবচেয়ে সাম্প্রতিকতম ফন্ট সাইজ.

82
00:04:01,659 --> 00:04:04,950
আপনি শুধু কিছু লেখেন এবং আপনি জানেন তাহলে
এটি ছোট হতে জন্য কি আপনি চান, হয়

83
00:04:04,950 --> 00:04:08,241
কিন্তু আপনি জানেন না ঠিক কি সাইজ
এটা হতে পারে, হ্যাঁ, আপনি শুধু বলতে পারেন চান,

84
00:04:08,241 --> 00:04:09,330
ফন্ট সাইজ ছোট.

85
00:04:09,330 --> 00:04:14,344
এবং এটা নিয়ে বেস বন্ধ হবে
শুধু আপ উপরে, এটা ফন্টের আকার আছে.

86
00:04:14,344 --> 00:04:15,760
আর আপনি ছোট বা বড় পেতে পারেন.

87
00:04:15,760 --> 00:04:18,390
তাই বিভিন্ন অনেক আছে
উপায় ফন্ট সাইজ উল্লেখ করতে.

88
00:04:18,390 --> 00:04:20,690
>> এছাড়াও আপনি কি নির্দিষ্ট করতে পারেন
আপনি চান ফন্ট পরিবার.

89
00:04:20,690 --> 00:04:23,360
আপনি যদি একটি নির্দিষ্ট থাকে
নাম, একটি উপায় আছে CSS--

90
00:04:23,360 --> 00:04:27,270
আমরা এটা নিয়ে কথা বলতে যাচ্ছেন না
এখানে একটি খুব নির্দিষ্ট ফন্ট নির্ধারণ করতে

91
00:04:27,270 --> 00:04:28,980
এবং আপনার পৃষ্ঠার মধ্যে সেটিকে.

92
00:04:28,980 --> 00:04:30,620
এছাড়াও আপনি জেনেরিক নাম ব্যবহার করতে পারেন.

93
00:04:30,620 --> 00:04:33,540
ওয়েব নিরাপদ ফন্ট অনেক আছে
যে CSS এর মধ্যে প্রাক সংজ্ঞায়িত হয়.

94
00:04:33,540 --> 00:04:36,352
এবং Microsoft একটি ব্যবহারকারী হন তাহলে
গত 20 বছরের মধ্যে অফিস,

95
00:04:36,352 --> 00:04:38,810
আপনি সম্ভবত সাথে পরিচিত হন
এই ওয়েব নিরাপদ ফন্ট অনেক

96
00:04:38,810 --> 00:04:44,640
ইতিমধ্যে, টাইমস নিউ রোমান, এরিয়াল,
, গেম, জর্জিয়া, Tahoma, Verdana কুরিয়ার

97
00:04:44,640 --> 00:04:45,470
এবং তাই.

98
00:04:45,470 --> 00:04:47,170
যারা সব ওয়েব নিরাপদ ফন্ট বিবেচিত হয়.

99
00:04:47,170 --> 00:04:49,169
এবং আসলে, অংশ
কারণ তারা হতে এসেছিলেন

100
00:04:49,169 --> 00:04:54,140
প্রতিটি পৃষ্ঠার web-- করতে ব্যবহার করা হয়
এই ডিফল্ট এক্সেস ফন্ট সেট ছিল

101
00:04:54,140 --> 00:04:58,480
বিভিন্ন serifs, এবং এই সব এর সাথে
আমরা মধ্যে পাবেন না ফন্ট কাপড়,

102
00:04:58,480 --> 00:05:01,130
তবে সাধারণত হয়
আপনার CSS এর মধ্যে প্রবেশযোগ্য,

103
00:05:01,130 --> 00:05:04,029
আপনি না, এমনকি যদি
অন্যথায় ফন্ট নির্ধারণ.

104
00:05:04,029 --> 00:05:07,070
অবশেষে, আপনি আপনার টেক্সট সারিবদ্ধ করতে পারেন,
এটা হচ্ছে পরিবর্তে, ডিফল্টরূপে, প্রান্তিককৃত

105
00:05:07,070 --> 00:05:09,310
বাম, আপনি করতে পারে
ডান থেকে এটি সারিবদ্ধ,

106
00:05:09,310 --> 00:05:13,740
অথবা আপনি এটি কেন্দ্রিক সারিবদ্ধ, বা করতে পারে
এটা উভয় মার্জিন আঘাত যাতে সমর্থনযোগ্য.

107
00:05:13,740 --> 00:05:16,800
যাদের তাই আপনি ব্যবহার করতে পারেন সব অপশন আছে
আপনার লেখা দেখে মনে হচ্ছে কি পরিবর্তন করতে,

108
00:05:16,800 --> 00:05:20,120
এবং এটি আপনার পেজে কিভাবে প্রদর্শিত.

109
00:05:20,120 --> 00:05:22,180
>> তোমার নির্বাচক না
ট্যাগ শুধুমাত্র হতে হবে.

110
00:05:22,180 --> 00:05:25,539
আমরা পূর্বে একটি শরীরের ট্যাগ দেখেছি
নির্বাচক, এবং ট্যাগ নির্বাচক

111
00:05:25,539 --> 00:05:26,580
শুধু যে কেমন.

112
00:05:26,580 --> 00:05:30,020
আপনি এর পরে একটি ট্যাগ নাম, ও
যে ট্যাগের জন্য একটি স্টাইলশীট সংজ্ঞায়িত.

113
00:05:30,020 --> 00:05:32,660
কিন্তু আপনার কাছে কিছু করতে পারেন
একটি আইডি নির্বাচক বলা.

114
00:05:32,660 --> 00:05:34,390
একটি আইডি নির্বাচক প্রশংসনীয় অনুরূপ.

115
00:05:34,390 --> 00:05:38,100
কিন্তু এখন আমি ব্যবহার করছি না, যে লক্ষ্য
একটি HTML ট্যাগ, আমি এই ক্ষেত্রে, ব্যবহার করছি

116
00:05:38,100 --> 00:05:40,720
#Unique, বা অনন্য হ্যাশ.

117
00:05:40,720 --> 00:05:42,930
আপনার কাছ থেকে প্রত্যাহার হলে আমাদের
HTML এর উপর ভিডিও, আমরা বললাম

118
00:05:42,930 --> 00:05:45,620
ট্যাগ বৈশিষ্ট্যাবলী থাকতে পারে সে বিষয়ে.

119
00:05:45,620 --> 00:05:48,340
>> আর একটি বৈশিষ্ট্য যে প্রযোজ্য
অনেক সুন্দর সব এইচটিএমএল ট্যাগ এর সাথে,

120
00:05:48,340 --> 00:05:51,440
কিন্তু আমরা এটা সম্পর্কে কথা বলতে না,
একটি আইডি ট্যাগের কিছু বলা হয়.

121
00:05:51,440 --> 00:05:55,250
তাই এই বিশেষ সিএসএস would
শুধুমাত্র যে এইচটিএমএল ট্যাগ করার আবেদন

122
00:05:55,250 --> 00:05:58,530
একটি খুব নির্দিষ্ট আইডি, আপনি নামকরণ করেছি যে.

123
00:05:58,530 --> 00:06:01,000
আপনি কোথাও আছে তাই
আপনার কোড, কোথাও

124
00:06:01,000 --> 00:06:06,090
আপনার HTML ফাইল, একটি ট্যাগ ও আপনি
যে ট্যাগ একটি বৈশিষ্ট্য হিসাবে উল্লেখ,

125
00:06:06,090 --> 00:06:09,060
আইডি, এই অনন্য সমান
বিশেষ স্টাইলশীট

126
00:06:09,060 --> 00:06:15,030
এখানে শুধুমাত্র মধ্যে আবেদন করতে হবে
অনন্য আইডি দিয়ে যে ট্যাগ.

127
00:06:15,030 --> 00:06:17,180
>> এছাড়াও আপনি কিছু করতে পারেন
একটি বর্গ নির্বাচক বলা.

128
00:06:17,180 --> 00:06:19,920
থাকার ছাড়াও, তাই
আইডি আপনি এটিও করতে পারেন, গুণাবলী

129
00:06:19,920 --> 00:06:23,130
এইচটিএমএল ট্যাগ করার জন্য একটি বর্গ অ্যাট্রিবিউট যুক্ত.

130
00:06:23,130 --> 00:06:27,140
এবং যদি আপনি একটি বর্গ অ্যাট্রিবিউট ব্যবহার করার সময়,
এটা একাধিক ট্যাগ প্রয়োগ করা যেতে পারে.

131
00:06:27,140 --> 00:06:31,880
সুতরাং আপনি বেশ কিছু বিষয় আছে যে
হয়তো আপনি বলতে একই চান হয়,

132
00:06:31,880 --> 00:06:35,890
খোলা ট্যাগ ব্লা ব্লা ব্লা
বাজে কথা, বর্গ ছাত্র সমান.

133
00:06:35,890 --> 00:06:38,190
করে এই বিশেষ
গতি নিয়ন্ত্রণ করা হবে

134
00:06:38,190 --> 00:06:42,041
যার বর্গ ভাষার ট্যাগ করতে ছাত্র.

135
00:06:42,041 --> 00:06:44,290
এই ক্ষেত্রে, আমরা সেট চাই
হলুদ পটভূমির রঙ,

136
00:06:44,290 --> 00:06:46,706
এবং আমরা, অস্বচ্ছতা সেট করতে চাই যা
আমরা যে বিষয়ে কথা না একটি ট্যাগ, হয়

137
00:06:46,706 --> 00:06:52,510
কিন্তু ঠিক কিভাবে স্বচ্ছ সঙ্গে পুলিশ
এই ক্ষেত্রে কিছু, 70%, হয়.

138
00:06:52,510 --> 00:06:54,430
>> জন্য দুটি অপশন আছে
লেখার স্টাইলশীট.

139
00:06:54,430 --> 00:06:56,680
আপনি তাদের লিখতে পারেন
সরাসরি আপনার HTML

140
00:06:56,680 --> 00:06:59,690
স্টাইলশীট স্থাপন করে
শৈলী ট্যাগ মধ্যে.

141
00:06:59,690 --> 00:07:03,850
আর যারা শৈলী ট্যাগ এর ভিতরে যেতে
আপনার ওয়েব পৃষ্ঠার মাথা ট্যাগ.

142
00:07:03,850 --> 00:07:08,240
সম্ভবত আরো পছন্দের উপায় কি
এটি একটি পৃথক সিএসএস ফাইলে লিখতে হয়,

143
00:07:08,240 --> 00:07:12,360
এবং তারপর সেটিকে লিঙ্ক আপনার
লিঙ্ক ট্যাগ ব্যবহার করে নথি.

144
00:07:12,360 --> 00:07:14,690
লিংক ট্যাগ, আবার হয়
হাইপারলিঙ্কস থেকে ভিন্ন,

145
00:07:14,690 --> 00:07:16,760
আপনি যদি আমাদের ভিডিও থেকে একটি এইচটিএমএল প্রত্যাহার করে.

146
00:07:16,760 --> 00:07:19,030
এবং লিঙ্ক ট্যাগ কিভাবে হয় আমরা
পৃথক ফাইলের মধ্যে টান.

147
00:07:19,030 --> 00:07:23,900
এটা ধরণের সমতুল্য মত
ওয়েব প্রোগ্রামিং জন্য #include.

148
00:07:23,900 --> 00:07:27,140
>> সুতরাং আসুন table.HTML কটাক্ষপাত করা যাক.

149
00:07:27,140 --> 00:07:29,380
আপনার কাছ থেকে প্রত্যাহার হলে আমাদের
এইচটিএমএল ভিডিও, আমি দেখিয়েছি

150
00:07:29,380 --> 00:07:32,000
একটি খুব একটি উদাহরণ
সহজ গুণ

151
00:07:32,000 --> 00:07:35,160
সুন্দর লাগছিল যে টেবিল
অরুপ, এবং হয়ত আছে

152
00:07:35,160 --> 00:07:38,650
একটি পথ সঙ্গে এটাকে আরও ভাল করতে
সিএসএস, এটা আসলে বানাতে

153
00:07:38,650 --> 00:07:41,120
একটি গুণ মত আরো
টেবিল, বা কিছু

154
00:07:41,120 --> 00:07:43,730
যে শুধু একসাথে আটকে না হয়
কোন প্রকৃত বিভাজন সঙ্গে

155
00:07:43,730 --> 00:07:45,532
সারি এবং কলাম মধ্যে.

156
00:07:45,532 --> 00:07:47,490
সুতরাং আসুন ওভার আগাইয়া যাক
এবং CS50 আইডিই, এবং দেখব

157
00:07:47,490 --> 00:07:50,780
সিএসএস, সাজানোর, বদলাতে পারেন কিভাবে এ
কি আমরা ইতিপূর্বেও লাভ শুরু,

158
00:07:50,780 --> 00:07:53,290
এবং এটি অনেক বেশি ভালো কিছু করতে.

159
00:07:53,290 --> 00:07:55,650
>> সুতরাং আমরা CS50 আইডিই মধ্যে আছেন
এখন, এবং অপরিচিত হলে,

160
00:07:55,650 --> 00:07:58,710
আমরা এই মধ্যে টেনে তুলব
টেবিল এইচটিএমএল পাতা যে.

161
00:07:58,710 --> 00:08:01,090
Table.HTML মূলত
শুধু বিষয়বস্তু সংজ্ঞায়িত

162
00:08:01,090 --> 00:08:05,044
একটি multiple-- এটা হতে অনুমিত ছিল
একটি চার দ্বারা চার নামতা.

163
00:08:05,044 --> 00:08:06,210
এটা বেশ সহজবোধ্য.

164
00:08:06,210 --> 00:08:09,410
আর আমরা এটা লাগবে বলে মনে হবে
চমত্কার আয়োজন দেখুন.

165
00:08:09,410 --> 00:08:15,277
কিন্তু আসলে, আমরা এই পৃষ্ঠার পূর্বরূপ যখন,
আমরা এটা অরুপ ধরনের, ঠিক আছে দেখতে?

166
00:08:15,277 --> 00:08:16,860
স্পষ্টত: আমরা এখানে সারি এবং কলাম আছে.

167
00:08:16,860 --> 00:08:18,350
আছে বিচ্ছেদ কিছু বাছাই.

168
00:08:18,350 --> 00:08:20,040
কিন্তু এটি একটি অর্থপূর্ণ বিচ্ছেদ নয়.

169
00:08:20,040 --> 00:08:23,105
আমরা আসলে না পেয়ে থাকেন
এখানে খুব বেশী তথ্য.

170
00:08:23,105 --> 00:08:25,730
আর মধ্যে কোনো বিচ্ছেদ নেই
শর্তাবলী সারি এবং কলাম

171
00:08:25,730 --> 00:08:28,460
অনুভূমিক বা উল্লম্ব নিয়ম.

172
00:08:28,460 --> 00:08:31,530
আমরা সম্ভবত এই করতে পারে
ভাল একটি সামান্য বিট দেখুন.

173
00:08:31,530 --> 00:08:32,934
সুতরাং এর চেষ্টা করা যাক.

174
00:08:32,934 --> 00:08:34,559
তাই আমি এখানে এই ট্যাব বন্ধ করা যাচ্ছে না.

175
00:08:34,559 --> 00:08:37,434
তখন আমি বললাম, আমার table.HTML বন্ধ করা যাচ্ছে না
এবং আমি এখানে অন্য সংস্করণ আছে

176
00:08:37,434 --> 00:08:39,490
table2.HTML বলা.

177
00:08:39,490 --> 00:08:40,655
আমরা যে খুলুন করব.

178
00:08:40,655 --> 00:08:42,530
পৃষ্ঠার শরীর
কাছাকাছি একই,

179
00:08:42,530 --> 00:08:44,238
কিন্তু আমি পরিবর্তন করেছি একটি
উপরের সামান্য বিট.

180
00:08:44,238 --> 00:08:47,132
আর আমি এখানে স্ক্রল আপ করব.

181
00:08:47,132 --> 00:08:49,340
আমি আছি, যে এই সময় লক্ষ্য করুন
এমবেডেড স্টাইল ট্যাগ ব্যবহার.

182
00:08:49,340 --> 00:08:53,550
আমি একটি শৈলী ট্যাগ খোলা থাকেন, এবং আমি এখন আছি
শুধু ভিতরে একটি CSS স্টাইল সংজ্ঞা

183
00:08:53,550 --> 00:08:54,310
এটা নিয়ে.

184
00:08:54,310 --> 00:08:56,310
আমি টেবিলের বলছেন যে একটি স্টাইলশীট আছে.

185
00:08:56,310 --> 00:08:58,170
যে আমার ট্যাগ নির্বাচক.

186
00:08:58,170 --> 00:09:01,340
আমি বিন্দু অথবা হ্যাশ ব্যবহার করছি না,
যা আমি যদি কাজ করা হবে

187
00:09:01,340 --> 00:09:03,710
একটি আইডি অথবা একটি বর্গ নির্বাচক ব্যবহার ছিল.

188
00:09:03,710 --> 00:09:06,190
আমি একটি ট্যাগ নির্বাচক এখানে টেবিল আছে.

189
00:09:06,190 --> 00:09:10,090
এই শৈলী যাচ্ছে
প্রতি টেবিল ট্যাগ প্রযোজ্য.

190
00:09:10,090 --> 00:09:14,950
দৃশ্যত: আমি এক করা চাই
ওয়াইড পিক্সেল, কঠিন নীল সীমানা,

191
00:09:14,950 --> 00:09:15,779
আমার টেবিলের ভিতরে.

192
00:09:15,779 --> 00:09:18,320
যে ভালো এটা সম্ভবত would শোনাচ্ছে
ঠিক আছে, পরিস্থিতির সাহায্য?

193
00:09:18,320 --> 00:09:20,320
আমরা আছে চলুন
জিনিষ চেহারা অনেক বেশি ভালো.

194
00:09:20,320 --> 00:09:21,190
সুতরাং এটা পরিষ্কার হয়.

195
00:09:21,190 --> 00:09:23,540
শৈলীগত, আমি শুধু করেছি
এখানে আমার স্টাইলশীট এমবেডেড.

196
00:09:23,540 --> 00:09:25,100
এটা অবশ্যই একটি কী
এটা করতে গ্রহণযোগ্য উপায়.

197
00:09:25,100 --> 00:09:26,391
এর কি ভালো দেখায় দেখতে দিন.

198
00:09:26,391 --> 00:09:29,790
তাই আমি নিচে এখানে ফিরে যান, এবং করব
আমি আমার table2.HTML পূর্বরূপ হবে করব.

199
00:09:29,790 --> 00:09:32,430

200
00:09:32,430 --> 00:09:36,470
ওয়েল, যে, আমি চেয়েছি বেশ কি না
কিন্তু আমরা জানতে চাওয়া ঠিক কি.

201
00:09:36,470 --> 00:09:39,530
আমরা এই শৈলী যে বলেন
আমাদের টেবিল থেকে প্রয়োগ করতে যাচ্ছে.

202
00:09:39,530 --> 00:09:43,810
আমাদের টেবিলের এখন এক পিক্সেল আছে
এটি প্রায় ওয়াইড, কঠিন নীল সীমানা.

203
00:09:43,810 --> 00:09:46,237
আমরা আসলে না পেয়ে থাকেন
টেবিল কোষ এ.

204
00:09:46,237 --> 00:09:47,570
আমরা শুধু টেবিল এ পেয়ে থাকেন.

205
00:09:47,570 --> 00:09:49,310
তাই সিএসএস কাজ.

206
00:09:49,310 --> 00:09:51,890
এটা প্রয়োগ করা হয়েছে একটি
আমাদের টেবিল থেকে স্টাইলশীট.

207
00:09:51,890 --> 00:09:53,981
কিন্তু বেশ না করা হয়নি
কি আমরা এটা করতে চেয়েছিলেন.

208
00:09:53,981 --> 00:09:55,730
আমরা কি পেতে পারি কিভাবে
কি আমরা এটা করতে চান?

209
00:09:55,730 --> 00:09:59,287
>> ওয়েল, এর আরও একটি কটাক্ষপাত করা যাক
table3.HTML এই সংস্করণ.

210
00:09:59,287 --> 00:10:00,870
তাই আমি ঠিক এই ট্যাব বন্ধ করা যাচ্ছে না.

211
00:10:00,870 --> 00:10:03,890
আমি এখানে ফিরে যান উপর যাচ্ছি আমার
বৃক্ষ ফাইল, এবং table3.HTML খুলুন.

212
00:10:03,890 --> 00:10:07,680

213
00:10:07,680 --> 00:10:10,350
আবার, এটা প্রশংসনীয় চেহারা যাচ্ছে
এখানে শুরুতে একই.

214
00:10:10,350 --> 00:10:14,460
কিন্তু লক্ষ্য করুন, এটা সময়, পরিবর্তে ব্যবহার
ঠিক আছে এমবেড একটি স্টাইলশীট

215
00:10:14,460 --> 00:10:18,870
আমি একটি লিঙ্ক যুক্ত যাচ্ছি
লিঙ্ক ট্যাগ ব্যবহার স্টাইলশীট.

216
00:10:18,870 --> 00:10:22,480
তাই আমি দৃশ্যত একটি মধ্যে লিঙ্ক চাই
tables.CSS বলা স্টাইলশীট

217
00:10:22,480 --> 00:10:25,090
এবং এই ভাল সমান
স্টাইলশীট শুধু ভাল যথাযথভাবে

218
00:10:25,090 --> 00:10:28,645
এই ফাইলটি আপেক্ষিক কি কি
আমি আছি যে একটি স্টাইলশীট হয় অনুরুপ আছি

219
00:10:28,645 --> 00:10:29,821
আমার পৃষ্ঠার জন্য ব্যবহার.

220
00:10:29,821 --> 00:10:32,320
আমি সত্যিই কি দেখতে চান তাই
আমি এখানে CSS এর সঙ্গে কাজ করছি

221
00:10:32,320 --> 00:10:35,010
আমি যে খোলা যেতে হবে
table.CSS পাশাপাশি ফাইল.

222
00:10:35,010 --> 00:10:37,490
তাই আমরা এখানে ধরে ফিরে যাবেন
আবার আমাদের ফাইল গাছ থেকে.

223
00:10:37,490 --> 00:10:38,660
Table.CSS আছে.

224
00:10:38,660 --> 00:10:40,490
এটা খোলা পপ করব.

225
00:10:40,490 --> 00:10:43,070
এখন আমরা CSS এর একটি সামান্য দেখছি.

226
00:10:43,070 --> 00:10:45,630
দৃশ্যত, আমি একটি দম্পতি আছে
জিনিস এখানে ঘটছে.

227
00:10:45,630 --> 00:10:48,950
আমি দৃশ্যত একটি পাঁচ লাগাতে চান
ওয়াইড পিক্সেল, কঠিন লাল সীমানা,

228
00:10:48,950 --> 00:10:50,287
আমার টেবিলের চারপাশে.

229
00:10:50,287 --> 00:10:52,870
আমরা ইতিমধ্যে যে যাচ্ছে যে জানি
শুধু ঘের যেতে.

230
00:10:52,870 --> 00:10:56,180
আমরা table2.HTML যে দেখেছি.

231
00:10:56,180 --> 00:10:58,770
প্রতিটি সারির সঙ্গে আমি
দৃশ্যত উল্লেখ করতে চাই

232
00:10:58,770 --> 00:11:01,950
যে সারির উচ্চতা 50 পিক্সেল বেশী.

233
00:11:01,950 --> 00:11:05,680
সুতরাং, প্রতি সারির জন্য মনে
যে, TR ট্যাগ আছে কি

234
00:11:05,680 --> 00:11:08,550
আমি এটা 50 পিক্সেল হাই তৈরি করছি.

235
00:11:08,550 --> 00:11:09,804
>> সর্বশেষে, আমি এই মন্তব্য আছে.

236
00:11:09,804 --> 00:11:11,470
আর এই আমরা সিএসএস এ মন্তব্য করা হয়.

237
00:11:11,470 --> 00:11:16,174
এটা ব্লক বাজেয়াপ্ত অনুরূপ
মন্তব্য সিনট্যাক্স স্ল্যাশ তারকা.

238
00:11:16,174 --> 00:11:17,090
আপনি চান সব লেখা.

239
00:11:17,090 --> 00:11:19,470
কোন স্ল্যাশ CSS এর মধ্যে যদিও আছে.

240
00:11:19,470 --> 00:11:23,400
স্বল্প ইনলাইন মন্তব্য করার জন্য, আমরা আছে
এখানে এই বিশেষ ফরম্যাট ব্যবহার.

241
00:11:23,400 --> 00:11:26,830
আমি একটি কাজ করছি দেখে মনে হচ্ছে
আমার TD ট্যাগ জিনিস অনেক.

242
00:11:26,830 --> 00:11:29,710
TD ট্যাগ, বা টেবিল মনে রাখবেন
সত্যিই ঠিক হয়, যা তথ্য,

243
00:11:29,710 --> 00:11:32,210
ভেতরে কলাম
আমাদের সারি, এবং দৃশ্যত

244
00:11:32,210 --> 00:11:35,090
তথ্য প্রতিটি টুকরা জন্য
আমার টেবিলে, আমি চাই

245
00:11:35,090 --> 00:11:38,850
পটভূমির রঙ সেট করতে
কালো হতে, রং, সাদা হতে

246
00:11:38,850 --> 00:11:40,320
রঙ ফোরগ্রাউন্ড কালার হয়.

247
00:11:40,320 --> 00:11:42,360
তাই এই হতে যাচ্ছে
আমার পৃষ্ঠার টেক্সট.

248
00:11:42,360 --> 00:11:45,140
আমি বড় ফন্ট, 22 চান
ফন্ট নির্দেশ, এবং আমি চাই

249
00:11:45,140 --> 00:11:47,001
এটা ফন্ট পরিবারের জর্জিয়া হতে.

250
00:11:47,001 --> 00:11:48,750
তাই আমি যাচ্ছি না
ডিফল্ট ফন্ট আছে.

251
00:11:48,750 --> 00:11:51,820
আমি জর্জিয়া, উল্লেখ করা যাচ্ছে না, যা
যারা ওয়েব নিরাপদ ফন্ট এক

252
00:11:51,820 --> 00:11:53,830
আমরা আগে দেখা করেছি যে.

253
00:11:53,830 --> 00:11:57,284
আমি আমার লেখা সংযুক্ত করা চাই
কেন্দ্রীয়ভাবে, বাক্সের মাঝখানে,

254
00:11:57,284 --> 00:11:59,450
আমি এটা ছেড়ে যেতে চাই না
প্রান্তিককৃত বা ডান প্রান্তিককৃত.

255
00:11:59,450 --> 00:12:03,461
আর আমি আমার কলামের প্রস্থ চান
ওয়াইড পাশাপাশি 50 পিক্সেল হতে.

256
00:12:03,461 --> 00:12:05,210
এর কটাক্ষপাত করা যাক
কি ভালো দেখায়,

257
00:12:05,210 --> 00:12:07,470
এই হয়তো একটি উন্নতি হলে এবং দেখতে.

258
00:12:07,470 --> 00:12:12,890
তাই আমি table3.HTML, যেতে যাচ্ছি যা
রিকল, একটি লিঙ্ক হিসাবে table.CSS রয়েছে

259
00:12:12,890 --> 00:12:14,830
এবং আমরা এটি পূর্বরূপ করব.

260
00:12:14,830 --> 00:12:16,800
একেবারে ঠিক, অনেক ভালো?

261
00:12:16,800 --> 00:12:20,004
এটি আসলে একটি চেহারা শুরু হয়
আরো একটি নামতা মত অনেক.

262
00:12:20,004 --> 00:12:21,920
আমি যে লাল সীমানা আছে
আমার টেবিলের চারপাশে কিন্তু এখন

263
00:12:21,920 --> 00:12:26,700
আমি যে উল্লেখ আছে
প্রতিটি সারি, 50 পিক্সেল চওড়া

264
00:12:26,700 --> 00:12:30,220
অথবা এটা tall-- অজুহাত 50 পিক্সেল এর
ভগবন্ প্রতিটি কলামের 50 পিক্সেল চওড়া.

265
00:12:30,220 --> 00:12:34,251
প্রতিটি কলামে তথ্য, এবং শুধুমাত্র
তথ্য, একটি কালো পটভূমি আছে.

266
00:12:34,251 --> 00:12:36,000
সুতরাং যে কেন ঐ আছে
সাদা রেখা আছে.

267
00:12:36,000 --> 00:12:38,836
স্থান কারণ
যারা কোষ সমস্ত মধ্যে,

268
00:12:38,836 --> 00:12:40,710
এটা একটি সীমানা না
এবং তার মধ্যে, এটা ঠিক

269
00:12:40,710 --> 00:12:43,170
আমি শুধুমাত্র পূরণ করছি
কোষ, আসলে যা

270
00:12:43,170 --> 00:12:46,310
টেবিলের সীমানা, যার
দৃশ্যত, সব বরাবর এটা অস্তিত্ব হয়নি

271
00:12:46,310 --> 00:12:47,887
শুধু পাতলা সাদা রেখা.

272
00:12:47,887 --> 00:12:48,720
এখন তারা দৃশ্যমান হন.

273
00:12:48,720 --> 00:12:50,380
এখন তারা পর্দায় বন্ধ পপ.

274
00:12:50,380 --> 00:12:52,920
আর তাই এটি একটি খুব সহজ
আমি প্রয়োগ করেছি স্টাইলশীট

275
00:12:52,920 --> 00:12:56,850
এবং এখন আমার টেবিলের আরো মত অনেক দেখায়
চার চার করে নামতা,

276
00:12:56,850 --> 00:13:00,950
পরিবর্তে একটি মাত্র jumbled জগাখিচুড়ি, যেখানে
সবকিছু পরিষ্কারভাবে সারি এবং কলাম হয়,

277
00:13:00,950 --> 00:13:03,717
কিন্তু না সুপার ভাল সংগঠিত.

278
00:13:03,717 --> 00:13:06,800
আমরা সত্যিই ঠিক প্রারম্ভিক করছি
আপনি এখানে CSS এর সঙ্গে কি করতে পারেন.

279
00:13:06,800 --> 00:13:10,330
সৌভাগ্যবশত সিএসএস ডকুমেন্টেশন
বেশ সহজবোধ্য.

280
00:13:10,330 --> 00:13:14,000
আপনি বিভিন্ন ব্যবহার করব তার
মোটামুটি ঘন ঘন, গুণাবলী.

281
00:13:14,000 --> 00:13:16,087
আমরা স্বপ্ন বেশী
শুরুর দিকে এই ভিডিওতে.

282
00:13:16,087 --> 00:13:18,170
আপনি যে বেশ কিছু আছে
সম্ভবত সব ব্যবহার করা হবে না.

283
00:13:18,170 --> 00:13:19,469
এবং যে খুব সূক্ষ্ম.

284
00:13:19,469 --> 00:13:22,010
কিন্তু মাত্র আছে, যে জানে
সেখানে আউট ডকুমেন্টেশন অনেক.

285
00:13:22,010 --> 00:13:25,110
তাই আমরা সবকিছু ঢেকে না, এমনকি যদি,
আপনি অবশ্যই আপনার নিজস্ব রেখে করছি না.

286
00:13:25,110 --> 00:13:26,780
কিন্তু সিএসএস সত্যিই মজার হয়
নিয়ে পরীক্ষা করতে.

287
00:13:26,780 --> 00:13:29,040
এবং আমি দৃঢ়ভাবে আপনাকে উত্সাহিত করবে
আপনার ওয়েব পেজ নিয়ে খেলা করতে,

288
00:13:29,040 --> 00:13:32,180
এবং আপনি তাদের করতে পারেন কিভাবে দেখতে
চেহারা এবং ব্যবহারকারীর উন্নতি বোধ

289
00:13:32,180 --> 00:13:34,790
আপনার পৃষ্ঠা পরিদর্শন অভিজ্ঞতা.

290
00:13:34,790 --> 00:13:35,710
আমি ডগ লয়েড আছি.

291
00:13:35,710 --> 00:13:37,980
এটি CS50.

292
00:13:37,980 --> 00:13:40,151