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

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

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

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

পরিষ্কার জিনিস রাখা, আমি প্রতিটি নির্বাণ করছি এখন তার নিজের উপর এই বৈশিষ্ট্য লাইন, কিন্তু যে মাত্র একটি আছে রচনাশৈলীসংক্রান্ত কনভেনশন. এই নীচে, এর এখন অন্য সংজ্ঞায়িত যাক নির্বাচক, তাই কথা বলতে. যে এইচটিএমএল ট্যাগ জন্য এই এক মাঝখানে অনন্য শনাক্তকারী. এবং এখানে, আমি কি একটি ফন্টের আকার উল্লেখ করা যাক 24 পিক্সেল, অন্য যে নীচে ভিতরে নীচে, এবং জন্য নির্বাচক যে কারণে, এর উল্লেখ করা যাক একটি 12 পিক্সেল ফন্টের আকার. 

এর এখন, সংরক্ষণ অনুমতি পরিবর্তন করা যাক উপর, এবং একটি ব্রাউজারে এই পৃষ্ঠাটি লোড, একটি প্লাস আর CSS-1.html chmod. এর ক্রোম খুলুন এবং যান যাক http://localhost/css-1.html. খারাপ নেই. আমি উদ্দেশ্যে, কিন্তু আমি চাই ঠিক হিসাবে এখন আরও এক ধাপ জিনিস গ্রহণ করা এবং কেন্দ্র জন হার্ভার্ড এর টেক্সট. এখন এটা করতে, আমি মোড়ানো পারে একটি DIV মধ্যে পুরো পাতা হিসাবে আমি আগে যেমন করেছিল. অথবা আমি আরো চতুর হতে হবে এবং বুঝতে পারেন যে এই DIVs সব ভেতরে আছেন আমার পাতা শরীরে, তাই কেন শুধু প্রযোজ্য নয় শরীর থেকে এক বা একাধিক সিএসএস বৈশিষ্ট্য নিজেই ট্যাগ? 

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