[সঙ্গীত বাজাচ্ছি] 

ডগ লয়েড: সুতরাং আসুন আরও নিতে দিন ভিডিও আরো এক ভাষা সম্পর্কে কথা বলার জন্য. আমরা সিএসএস সম্পর্কে আলোচনা করব এই সময়. এর সংক্ষিপ্ত রূপ, যা তাই সিএসএস, স্টাইল শীট Cascading, আমরা ব্যবহার অন্য ভাষায় হয় ওয়েবসাইট সময়েই. এই মত সেটা ভাবুন. এইচটিএমএল আমরা সংগঠিত করার জন্য ব্যবহার করা হয় তাহলে আমরা আমাদের পেজে লাগাতে চান কন্টেন্ট, সিএসএস আমরা সাধারণত ব্যবহার করে টুল আমাদের ওয়েবসাইট দেখুন কিভাবে কাস্টমাইজ, এবং কিভাবে ব্যবহারকারীর অভিজ্ঞতা সত্যিই আমাদের ওয়েবসাইটের সাথে আলাপচারিতার হয়. 

এইচটিএমএল অনুরূপ, সিএসএস একটি প্রোগ্রামিং ভাষা. এটা যুক্তি নেই. এটা ভেরিয়েবল নেই. এটা যে কোন ধরণের নেই সি আছে যে এর সাথে সম্পর্কিত কিছু প্রবাহিত. এটি একটি স্টাইলিং ভাষা. আর তার সিনট্যাক্স প্রশংসনীয় সহজ, এবং শুধু বর্ণনা কিভাবে উপাদান আমাদের পাতা নির্দিষ্ট এইচটিএমএল আছে উপাদান পরিবর্তন করা উচিত. যে শেষে, যদি না থাকে তাহলে এখনো HTML এর উপর আমাদের ভিডিওটি দেখেছেন অথবা সঙ্গে অপরিচিত এইচটিএমএল সাধারণত, আপনি যে কটাক্ষপাত গ্রহণ করতে পারেন CSS এর প্রথম, কারণ এই আলোচনা উপর নির্ভর করে যাচ্ছে এইচটিএমএল এর কিছু জ্ঞান. 

তাই এখানে একটি সত্যিই সহজ সিএসএস স্টাইল. আপনি না করেছি, এমনকি যদি আগে CSS এর সঙ্গে প্রোগ্রাম, আপনি চিন্তা করতে পারেন আমি নিশ্চিত প্রশংসনীয় এই স্টাইলশীট ঠিক কি. এটার কাজ কি? ওয়েল, আমাদের ওয়েব শরীরের প্রয়োগ শরীরের ট্যাগ মধ্যে পৃষ্ঠা, সবকিছু আমাদের এইচটিএমএল এর উপর, এবং এটি সেট করে নীল যে পৃষ্ঠার ব্যাকগ্রাউন্ড রং. হ্যাঁ, এটি একটি খুব সহজ স্টাইলশীট এর. এটা আসলে খুব মানব বন্ধুত্বপূর্ণ ভাষা, সিএসএস. সুতরাং আপনি আগে কখনও ব্যবহার করেছি, এমনকি যদি আপনি সম্ভবত যে কি অনুমান করতে পারে. বস্তুত, যদি আমরা একটি পাতা, যেখানে লোড এই স্টাইলশীট একরকম ছিল এমবেডেড আমাদের পৃষ্ঠার ব্যাকগ্রাউন্ড রং would নীল, এবং স্ট্যান্ডার্ড সাদা না হতে. 

তাই কিভাবে আমরা স্টাইলশীট নির্মাণ করেন? ওয়েল প্রথম, আমরা আছে একটি নির্বাচক চিহ্নিত. সর্বশেষ উদাহরণে, যে নির্বাচক শরীর ছিল. তারপর আমরা একটি খোলা আছে কোঁকড়া বক্রবন্ধনী, এবং আমরা করছি সংজ্ঞা শুরু করতে যাচ্ছে যে নির্বাচক জন্য স্টাইলশীট. মধ্যে কোঁকড়া ধনুর্বন্ধনী, আমরা শুধু কী মান জোড়া একটি তালিকা আছে. পূর্ববর্তী মান জুড়ি ছিল পটভূমির রঙ নীল সেমিকোলন, কিন্তু আমরা এই বেশি এবং আরও অনেক কিছু করতে পারে. আপনি একাধিক জিনিষ প্রয়োগ হতে পারে যে ট্যাগ, যে নির্বাচক শরীর থেকে. তাদের প্রত্যেকটি এক একটি দ্বারা বিভক্ত করা হয় সেমিকোলন, এবং আমরা তাদের প্রত্যেককে কল ঘোষণাটি একটি CSS ঘোষণা. আমরা সব স্টাইলিং আমরা সঙ্গে সম্পন্ন হলে যে বিশেষ ট্যাগ প্রয়োগ করতে চান, আমরা শুধু একটি ক্লোজিং কোঁকড়া আছে স্টাইলশীট শেষ করতে উত্সাহিত, এবং আমরা স্টাইলশীট সংজ্ঞা পেরেছ যে বিশেষ নির্বাচক জন্য. 

কিছু সাধারণ CSS এর বৈশিষ্ট্য কি কি? ওয়েল, হয়তো আপনি লাগাতে চান কিছু কাছাকাছি একটি সীমানা. আপনি বলতে পারেন, তাই, সীমানা, আপনার কি যে হবে, এবং তারপর আপনার মান হতে হবে, কি শৈলী, রং, এবং প্রস্থ আপনি এটা হতে চান. সুতরাং শৈলী একটি কঠিন হতে পারে লাইন, একটি ডটেড লাইন, একটি ড্যাশ রেখা, তরঙ্গায়িত লাইন হবে, যা একটি সেতুবন্ধ লাইন. হতে পারে আপনি এটি করতে চান নীল বা কালো বা সবুজ হতে. হতে পারে আপনি এটা হতে চান 1 বা 2 বা 10 পিক্সেল চওড়া. আপনি সেগুলো সব নির্দিষ্ট করতে পারেন. হতে পারে আপনি ব্যাকগ্রাউন্ড সেট করতে চান একটি নির্দিষ্ট উপায় আপনার পৃষ্ঠার রং. আমরা ইতিমধ্যে সেট, যে দেখেছি শরীরের ব্যাকগ্রাউন্ড নীল হতে. 

তারপর আপনি একটি মূল শব্দ ব্যবহার করতে পারেন, তাই সিএসএস নির্দিষ্ট রং আছে যে, সেটিকে সবুজ, নীল নির্মিত হয় কালো, আমরা জানি একটি খুব সহজ রং. কিন্তু আপনি যে কোনো নির্দিষ্ট করতে পারেন আপনি চান যে হেক্স রঙ. রং চিহ্নিত করা হয়েছিল রিকল তিন হেক্স সংখ্যার একটি সেট করে 0 থেকে 255, RG এবং B, এর সাথে লাল, সবুজ, নীল এবং কম্পোনেন্ট. আর তাই আমরা নির্দিষ্ট করতে পারেন আমরা করে কাঙ্ক্ষিত রং, পরিবর্তে নীল বা সবুজ বা কালো ব্যবহার করে, পাউন্ড ব্যবহার এবং হেক্স তৎকালীন ছয় ডিজিটের, এবং যে আমাদের দিতে হবে ছয় ডাক রঙ. সুতরাং যে পটভূমির রঙ এর. 

আমরা পুরোভূমি আছে সাধারণত যা রঙ, আপনার পৃষ্ঠার টেক্সট হতে যাচ্ছে. আর আপনি একইভাবে তা করতে পারে মূল শব্দ এবং বা ছয় সংখ্যার hex সঙ্গে. তাই আপনি যদি কোনো রঙ উল্লেখ করতে পারেন আপনি আপনার পৃষ্ঠা নির্দেশক টেক্সটের পটভূমির জন্য চাই একটি নির্দিষ্ট বিরুদ্ধে পটভূমির রঙ, আপ উপরে. আপনি পরিবর্তন এবং মোকাবেলা করতে পারেন ফন্ট, এবং পথ টেক্সট সঙ্গে পাতা নেভিগেশন অনুষ্ঠিত হয়. 

সুতরাং আপনি আপনার ফন্ট সাইজ পরিবর্তন করতে পারেন. আপনি, যেমন অতিরিক্ত হিসাবে মূল শব্দ, ব্যবহার করতে পারেন অতিরিক্ত ছোট, বা ছোট XX, বা মাঝারি, বড়, এবং তাই. আপনি নির্দিষ্ট পয়েন্ট ব্যবহার করতে পারেন, 10 বিন্দু, 12 পয়েন্ট, এবং তাই. আপনি, শতকরা 80%, 20% ব্যবহার করতে পারেন যেখানে 100% ডিফল্ট ফন্ট সাধারণত যাচ্ছে যা সাইজ, 11 বা 12 পয়েন্ট ভালো কিছু হতে. বা এমনকি আপনি এটি বন্ধ বেস পারেন সবচেয়ে সাম্প্রতিকতম ফন্ট সাইজ. আপনি শুধু কিছু লেখেন এবং আপনি জানেন তাহলে এটি ছোট হতে জন্য কি আপনি চান, হয় কিন্তু আপনি জানেন না ঠিক কি সাইজ এটা হতে পারে, হ্যাঁ, আপনি শুধু বলতে পারেন চান, ফন্ট সাইজ ছোট. এবং এটা নিয়ে বেস বন্ধ হবে শুধু আপ উপরে, এটা ফন্টের আকার আছে. আর আপনি ছোট বা বড় পেতে পারেন. তাই বিভিন্ন অনেক আছে উপায় ফন্ট সাইজ উল্লেখ করতে. 

এছাড়াও আপনি কি নির্দিষ্ট করতে পারেন আপনি চান ফন্ট পরিবার. আপনি যদি একটি নির্দিষ্ট থাকে নাম, একটি উপায় আছে CSS-- আমরা এটা নিয়ে কথা বলতে যাচ্ছেন না এখানে একটি খুব নির্দিষ্ট ফন্ট নির্ধারণ করতে এবং আপনার পৃষ্ঠার মধ্যে সেটিকে. এছাড়াও আপনি জেনেরিক নাম ব্যবহার করতে পারেন. ওয়েব নিরাপদ ফন্ট অনেক আছে যে CSS এর মধ্যে প্রাক সংজ্ঞায়িত হয়. এবং Microsoft একটি ব্যবহারকারী হন তাহলে গত 20 বছরের মধ্যে অফিস, আপনি সম্ভবত সাথে পরিচিত হন এই ওয়েব নিরাপদ ফন্ট অনেক ইতিমধ্যে, টাইমস নিউ রোমান, এরিয়াল, , গেম, জর্জিয়া, Tahoma, Verdana কুরিয়ার এবং তাই. যারা সব ওয়েব নিরাপদ ফন্ট বিবেচিত হয়. এবং আসলে, অংশ কারণ তারা হতে এসেছিলেন প্রতিটি পৃষ্ঠার web-- করতে ব্যবহার করা হয় এই ডিফল্ট এক্সেস ফন্ট সেট ছিল বিভিন্ন serifs, এবং এই সব এর সাথে আমরা মধ্যে পাবেন না ফন্ট কাপড়, তবে সাধারণত হয় আপনার CSS এর মধ্যে প্রবেশযোগ্য, আপনি না, এমনকি যদি অন্যথায় ফন্ট নির্ধারণ. অবশেষে, আপনি আপনার টেক্সট সারিবদ্ধ করতে পারেন, এটা হচ্ছে পরিবর্তে, ডিফল্টরূপে, প্রান্তিককৃত বাম, আপনি করতে পারে ডান থেকে এটি সারিবদ্ধ, অথবা আপনি এটি কেন্দ্রিক সারিবদ্ধ, বা করতে পারে এটা উভয় মার্জিন আঘাত যাতে সমর্থনযোগ্য. যাদের তাই আপনি ব্যবহার করতে পারেন সব অপশন আছে আপনার লেখা দেখে মনে হচ্ছে কি পরিবর্তন করতে, এবং এটি আপনার পেজে কিভাবে প্রদর্শিত. 

তোমার নির্বাচক না ট্যাগ শুধুমাত্র হতে হবে. আমরা পূর্বে একটি শরীরের ট্যাগ দেখেছি নির্বাচক, এবং ট্যাগ নির্বাচক শুধু যে কেমন. আপনি এর পরে একটি ট্যাগ নাম, ও যে ট্যাগের জন্য একটি স্টাইলশীট সংজ্ঞায়িত. কিন্তু আপনার কাছে কিছু করতে পারেন একটি আইডি নির্বাচক বলা. একটি আইডি নির্বাচক প্রশংসনীয় অনুরূপ. কিন্তু এখন আমি ব্যবহার করছি না, যে লক্ষ্য একটি HTML ট্যাগ, আমি এই ক্ষেত্রে, ব্যবহার করছি #Unique, বা অনন্য হ্যাশ. আপনার কাছ থেকে প্রত্যাহার হলে আমাদের HTML এর উপর ভিডিও, আমরা বললাম ট্যাগ বৈশিষ্ট্যাবলী থাকতে পারে সে বিষয়ে. 

আর একটি বৈশিষ্ট্য যে প্রযোজ্য অনেক সুন্দর সব এইচটিএমএল ট্যাগ এর সাথে, কিন্তু আমরা এটা সম্পর্কে কথা বলতে না, একটি আইডি ট্যাগের কিছু বলা হয়. তাই এই বিশেষ সিএসএস would শুধুমাত্র যে এইচটিএমএল ট্যাগ করার আবেদন একটি খুব নির্দিষ্ট আইডি, আপনি নামকরণ করেছি যে. আপনি কোথাও আছে তাই আপনার কোড, কোথাও আপনার HTML ফাইল, একটি ট্যাগ ও আপনি যে ট্যাগ একটি বৈশিষ্ট্য হিসাবে উল্লেখ, আইডি, এই অনন্য সমান বিশেষ স্টাইলশীট এখানে শুধুমাত্র মধ্যে আবেদন করতে হবে অনন্য আইডি দিয়ে যে ট্যাগ. 

এছাড়াও আপনি কিছু করতে পারেন একটি বর্গ নির্বাচক বলা. থাকার ছাড়াও, তাই আইডি আপনি এটিও করতে পারেন, গুণাবলী এইচটিএমএল ট্যাগ করার জন্য একটি বর্গ অ্যাট্রিবিউট যুক্ত. এবং যদি আপনি একটি বর্গ অ্যাট্রিবিউট ব্যবহার করার সময়, এটা একাধিক ট্যাগ প্রয়োগ করা যেতে পারে. সুতরাং আপনি বেশ কিছু বিষয় আছে যে হয়তো আপনি বলতে একই চান হয়, খোলা ট্যাগ ব্লা ব্লা ব্লা বাজে কথা, বর্গ ছাত্র সমান. করে এই বিশেষ গতি নিয়ন্ত্রণ করা হবে যার বর্গ ভাষার ট্যাগ করতে ছাত্র. এই ক্ষেত্রে, আমরা সেট চাই হলুদ পটভূমির রঙ, এবং আমরা, অস্বচ্ছতা সেট করতে চাই যা আমরা যে বিষয়ে কথা না একটি ট্যাগ, হয় কিন্তু ঠিক কিভাবে স্বচ্ছ সঙ্গে পুলিশ এই ক্ষেত্রে কিছু, 70%, হয়. 

জন্য দুটি অপশন আছে লেখার স্টাইলশীট. আপনি তাদের লিখতে পারেন সরাসরি আপনার HTML স্টাইলশীট স্থাপন করে শৈলী ট্যাগ মধ্যে. আর যারা শৈলী ট্যাগ এর ভিতরে যেতে আপনার ওয়েব পৃষ্ঠার মাথা ট্যাগ. সম্ভবত আরো পছন্দের উপায় কি এটি একটি পৃথক সিএসএস ফাইলে লিখতে হয়, এবং তারপর সেটিকে লিঙ্ক আপনার লিঙ্ক ট্যাগ ব্যবহার করে নথি. লিংক ট্যাগ, আবার হয় হাইপারলিঙ্কস থেকে ভিন্ন, আপনি যদি আমাদের ভিডিও থেকে একটি এইচটিএমএল প্রত্যাহার করে. এবং লিঙ্ক ট্যাগ কিভাবে হয় আমরা পৃথক ফাইলের মধ্যে টান. এটা ধরণের সমতুল্য মত ওয়েব প্রোগ্রামিং জন্য #include. 

সুতরাং আসুন table.HTML কটাক্ষপাত করা যাক. আপনার কাছ থেকে প্রত্যাহার হলে আমাদের এইচটিএমএল ভিডিও, আমি দেখিয়েছি একটি খুব একটি উদাহরণ সহজ গুণ সুন্দর লাগছিল যে টেবিল অরুপ, এবং হয়ত আছে একটি পথ সঙ্গে এটাকে আরও ভাল করতে সিএসএস, এটা আসলে বানাতে একটি গুণ মত আরো টেবিল, বা কিছু যে শুধু একসাথে আটকে না হয় কোন প্রকৃত বিভাজন সঙ্গে সারি এবং কলাম মধ্যে. সুতরাং আসুন ওভার আগাইয়া যাক এবং CS50 আইডিই, এবং দেখব সিএসএস, সাজানোর, বদলাতে পারেন কিভাবে এ কি আমরা ইতিপূর্বেও লাভ শুরু, এবং এটি অনেক বেশি ভালো কিছু করতে. 

সুতরাং আমরা CS50 আইডিই মধ্যে আছেন এখন, এবং অপরিচিত হলে, আমরা এই মধ্যে টেনে তুলব টেবিল এইচটিএমএল পাতা যে. Table.HTML মূলত শুধু বিষয়বস্তু সংজ্ঞায়িত একটি multiple-- এটা হতে অনুমিত ছিল একটি চার দ্বারা চার নামতা. এটা বেশ সহজবোধ্য. আর আমরা এটা লাগবে বলে মনে হবে চমত্কার আয়োজন দেখুন. কিন্তু আসলে, আমরা এই পৃষ্ঠার পূর্বরূপ যখন, আমরা এটা অরুপ ধরনের, ঠিক আছে দেখতে? স্পষ্টত: আমরা এখানে সারি এবং কলাম আছে. আছে বিচ্ছেদ কিছু বাছাই. কিন্তু এটি একটি অর্থপূর্ণ বিচ্ছেদ নয়. আমরা আসলে না পেয়ে থাকেন এখানে খুব বেশী তথ্য. আর মধ্যে কোনো বিচ্ছেদ নেই শর্তাবলী সারি এবং কলাম অনুভূমিক বা উল্লম্ব নিয়ম. আমরা সম্ভবত এই করতে পারে ভাল একটি সামান্য বিট দেখুন. সুতরাং এর চেষ্টা করা যাক. তাই আমি এখানে এই ট্যাব বন্ধ করা যাচ্ছে না. তখন আমি বললাম, আমার table.HTML বন্ধ করা যাচ্ছে না এবং আমি এখানে অন্য সংস্করণ আছে table2.HTML বলা. আমরা যে খুলুন করব. পৃষ্ঠার শরীর কাছাকাছি একই, কিন্তু আমি পরিবর্তন করেছি একটি উপরের সামান্য বিট. আর আমি এখানে স্ক্রল আপ করব. আমি আছি, যে এই সময় লক্ষ্য করুন এমবেডেড স্টাইল ট্যাগ ব্যবহার. আমি একটি শৈলী ট্যাগ খোলা থাকেন, এবং আমি এখন আছি শুধু ভিতরে একটি CSS স্টাইল সংজ্ঞা এটা নিয়ে. আমি টেবিলের বলছেন যে একটি স্টাইলশীট আছে. যে আমার ট্যাগ নির্বাচক. আমি বিন্দু অথবা হ্যাশ ব্যবহার করছি না, যা আমি যদি কাজ করা হবে একটি আইডি অথবা একটি বর্গ নির্বাচক ব্যবহার ছিল. আমি একটি ট্যাগ নির্বাচক এখানে টেবিল আছে. এই শৈলী যাচ্ছে প্রতি টেবিল ট্যাগ প্রযোজ্য. দৃশ্যত: আমি এক করা চাই ওয়াইড পিক্সেল, কঠিন নীল সীমানা, আমার টেবিলের ভিতরে. যে ভালো এটা সম্ভবত would শোনাচ্ছে ঠিক আছে, পরিস্থিতির সাহায্য? আমরা আছে চলুন জিনিষ চেহারা অনেক বেশি ভালো. সুতরাং এটা পরিষ্কার হয়. শৈলীগত, আমি শুধু করেছি এখানে আমার স্টাইলশীট এমবেডেড. এটা অবশ্যই একটি কী এটা করতে গ্রহণযোগ্য উপায়. এর কি ভালো দেখায় দেখতে দিন. তাই আমি নিচে এখানে ফিরে যান, এবং করব আমি আমার table2.HTML পূর্বরূপ হবে করব. ওয়েল, যে, আমি চেয়েছি বেশ কি না কিন্তু আমরা জানতে চাওয়া ঠিক কি. আমরা এই শৈলী যে বলেন আমাদের টেবিল থেকে প্রয়োগ করতে যাচ্ছে. আমাদের টেবিলের এখন এক পিক্সেল আছে এটি প্রায় ওয়াইড, কঠিন নীল সীমানা. আমরা আসলে না পেয়ে থাকেন টেবিল কোষ এ. আমরা শুধু টেবিল এ পেয়ে থাকেন. তাই সিএসএস কাজ. এটা প্রয়োগ করা হয়েছে একটি আমাদের টেবিল থেকে স্টাইলশীট. কিন্তু বেশ না করা হয়নি কি আমরা এটা করতে চেয়েছিলেন. আমরা কি পেতে পারি কিভাবে কি আমরা এটা করতে চান? 

ওয়েল, এর আরও একটি কটাক্ষপাত করা যাক table3.HTML এই সংস্করণ. তাই আমি ঠিক এই ট্যাব বন্ধ করা যাচ্ছে না. আমি এখানে ফিরে যান উপর যাচ্ছি আমার বৃক্ষ ফাইল, এবং table3.HTML খুলুন. আবার, এটা প্রশংসনীয় চেহারা যাচ্ছে এখানে শুরুতে একই. কিন্তু লক্ষ্য করুন, এটা সময়, পরিবর্তে ব্যবহার ঠিক আছে এমবেড একটি স্টাইলশীট আমি একটি লিঙ্ক যুক্ত যাচ্ছি লিঙ্ক ট্যাগ ব্যবহার স্টাইলশীট. তাই আমি দৃশ্যত একটি মধ্যে লিঙ্ক চাই tables.CSS বলা স্টাইলশীট এবং এই ভাল সমান স্টাইলশীট শুধু ভাল যথাযথভাবে এই ফাইলটি আপেক্ষিক কি কি আমি আছি যে একটি স্টাইলশীট হয় অনুরুপ আছি আমার পৃষ্ঠার জন্য ব্যবহার. আমি সত্যিই কি দেখতে চান তাই আমি এখানে CSS এর সঙ্গে কাজ করছি আমি যে খোলা যেতে হবে table.CSS পাশাপাশি ফাইল. তাই আমরা এখানে ধরে ফিরে যাবেন আবার আমাদের ফাইল গাছ থেকে. Table.CSS আছে. এটা খোলা পপ করব. এখন আমরা CSS এর একটি সামান্য দেখছি. দৃশ্যত, আমি একটি দম্পতি আছে জিনিস এখানে ঘটছে. আমি দৃশ্যত একটি পাঁচ লাগাতে চান ওয়াইড পিক্সেল, কঠিন লাল সীমানা, আমার টেবিলের চারপাশে. আমরা ইতিমধ্যে যে যাচ্ছে যে জানি শুধু ঘের যেতে. আমরা table2.HTML যে দেখেছি. প্রতিটি সারির সঙ্গে আমি দৃশ্যত উল্লেখ করতে চাই যে সারির উচ্চতা 50 পিক্সেল বেশী. সুতরাং, প্রতি সারির জন্য মনে যে, TR ট্যাগ আছে কি আমি এটা 50 পিক্সেল হাই তৈরি করছি. 

সর্বশেষে, আমি এই মন্তব্য আছে. আর এই আমরা সিএসএস এ মন্তব্য করা হয়. এটা ব্লক বাজেয়াপ্ত অনুরূপ মন্তব্য সিনট্যাক্স স্ল্যাশ তারকা. আপনি চান সব লেখা. কোন স্ল্যাশ CSS এর মধ্যে যদিও আছে. স্বল্প ইনলাইন মন্তব্য করার জন্য, আমরা আছে এখানে এই বিশেষ ফরম্যাট ব্যবহার. আমি একটি কাজ করছি দেখে মনে হচ্ছে আমার TD ট্যাগ জিনিস অনেক. TD ট্যাগ, বা টেবিল মনে রাখবেন সত্যিই ঠিক হয়, যা তথ্য, ভেতরে কলাম আমাদের সারি, এবং দৃশ্যত তথ্য প্রতিটি টুকরা জন্য আমার টেবিলে, আমি চাই পটভূমির রঙ সেট করতে কালো হতে, রং, সাদা হতে রঙ ফোরগ্রাউন্ড কালার হয়. তাই এই হতে যাচ্ছে আমার পৃষ্ঠার টেক্সট. আমি বড় ফন্ট, 22 চান ফন্ট নির্দেশ, এবং আমি চাই এটা ফন্ট পরিবারের জর্জিয়া হতে. তাই আমি যাচ্ছি না ডিফল্ট ফন্ট আছে. আমি জর্জিয়া, উল্লেখ করা যাচ্ছে না, যা যারা ওয়েব নিরাপদ ফন্ট এক আমরা আগে দেখা করেছি যে. আমি আমার লেখা সংযুক্ত করা চাই কেন্দ্রীয়ভাবে, বাক্সের মাঝখানে, আমি এটা ছেড়ে যেতে চাই না প্রান্তিককৃত বা ডান প্রান্তিককৃত. আর আমি আমার কলামের প্রস্থ চান ওয়াইড পাশাপাশি 50 পিক্সেল হতে. এর কটাক্ষপাত করা যাক কি ভালো দেখায়, এই হয়তো একটি উন্নতি হলে এবং দেখতে. তাই আমি table3.HTML, যেতে যাচ্ছি যা রিকল, একটি লিঙ্ক হিসাবে table.CSS রয়েছে এবং আমরা এটি পূর্বরূপ করব. একেবারে ঠিক, অনেক ভালো? এটি আসলে একটি চেহারা শুরু হয় আরো একটি নামতা মত অনেক. আমি যে লাল সীমানা আছে আমার টেবিলের চারপাশে কিন্তু এখন আমি যে উল্লেখ আছে প্রতিটি সারি, 50 পিক্সেল চওড়া অথবা এটা tall-- অজুহাত 50 পিক্সেল এর ভগবন্ প্রতিটি কলামের 50 পিক্সেল চওড়া. প্রতিটি কলামে তথ্য, এবং শুধুমাত্র তথ্য, একটি কালো পটভূমি আছে. সুতরাং যে কেন ঐ আছে সাদা রেখা আছে. স্থান কারণ যারা কোষ সমস্ত মধ্যে, এটা একটি সীমানা না এবং তার মধ্যে, এটা ঠিক আমি শুধুমাত্র পূরণ করছি কোষ, আসলে যা টেবিলের সীমানা, যার দৃশ্যত, সব বরাবর এটা অস্তিত্ব হয়নি শুধু পাতলা সাদা রেখা. এখন তারা দৃশ্যমান হন. এখন তারা পর্দায় বন্ধ পপ. আর তাই এটি একটি খুব সহজ আমি প্রয়োগ করেছি স্টাইলশীট এবং এখন আমার টেবিলের আরো মত অনেক দেখায় চার চার করে নামতা, পরিবর্তে একটি মাত্র jumbled জগাখিচুড়ি, যেখানে সবকিছু পরিষ্কারভাবে সারি এবং কলাম হয়, কিন্তু না সুপার ভাল সংগঠিত. আমরা সত্যিই ঠিক প্রারম্ভিক করছি আপনি এখানে CSS এর সঙ্গে কি করতে পারেন. সৌভাগ্যবশত সিএসএস ডকুমেন্টেশন বেশ সহজবোধ্য. আপনি বিভিন্ন ব্যবহার করব তার মোটামুটি ঘন ঘন, গুণাবলী. আমরা স্বপ্ন বেশী শুরুর দিকে এই ভিডিওতে. আপনি যে বেশ কিছু আছে সম্ভবত সব ব্যবহার করা হবে না. এবং যে খুব সূক্ষ্ম. কিন্তু মাত্র আছে, যে জানে সেখানে আউট ডকুমেন্টেশন অনেক. তাই আমরা সবকিছু ঢেকে না, এমনকি যদি, আপনি অবশ্যই আপনার নিজস্ব রেখে করছি না. কিন্তু সিএসএস সত্যিই মজার হয় নিয়ে পরীক্ষা করতে. এবং আমি দৃঢ়ভাবে আপনাকে উত্সাহিত করবে আপনার ওয়েব পেজ নিয়ে খেলা করতে, এবং আপনি তাদের করতে পারেন কিভাবে দেখতে চেহারা এবং ব্যবহারকারীর উন্নতি বোধ আপনার পৃষ্ঠা পরিদর্শন অভিজ্ঞতা. আমি ডগ লয়েড আছি. এটি CS50.