>> [সঙ্গীত বাজানো]
Allison BUCHHOLTZ-অস্ট্র: তাই আমরা মূলত শুধু চলুন
আপনি একটি ভগ্নস্বাস্থ্য শিঠ্ট দিতে CSS এর, কারণ আমরা জানি
তা আচ্ছাদিত ছিল না সব বিভাগে.
এবং আমরা সত্যিই নিশ্চিত করতে চাই আপনি বলছি, আপনার নিষ্পত্তি এই টুল আছে
এটা করতে ক্ষমতা আছে, কারণ আপনার ওয়েবসাইটের অনেক prettier চেহারা.
>> এবং যদি আপনি একটি ওয়েবসাইট তৈরি করছি আপনি সম্ভবত এটি প্রশংসনীয় করতে চাই.
আমি বলতে চাচ্ছি, আপনি করতে হবে না, কিন্তু আমি এটা সুপারিশ চাই. [LAUGHS]
আপনি ব্যবহারকারীদের এটি ব্যবহার করতে চান, তাহলে আপনি পারে এটি একটি সামান্য [শ্রবণাতীত] করতে চাই.
তাই আমরা চেষ্টা এবং আপনি শুধু দিতে যাচ্ছেন কিছু মৌলিক সরঞ্জাম এবং বোঝার,
যাতে আপনি আউট যান এবং আপনি যখন CSS সম্পর্কে কিছু গবেষণা,
এটা অর্থহীন সম্পূর্ণ না, CSS এর মত কখনও কখনও হতে হবে.
>> TOMAS রাইমারুস: হ্যাঁ.
Allison চমত্কার এটা বলেন.
তাই আমি প্রথম জিনিস আমরা অনুমান সিএসএস কি দিয়ে শুরু করা উচিত?
তাই সিএসএস সন্ত্রস্ত.
CSS--
>> Allison BUCHHOLTZ-অস্ট্র: যে আমাদের সেমিনারে নাম.
>> TOMAS রাইমারুস: হ্যাঁ.
এটা যে সত্যিই গুরুত্বপূর্ণ তারপর আপনি যে বুঝতে.
আপনি যদি শুধুমাত্র একটি দূরে যদি সন্ত্রস্ত যদি জিনিস, এটা যে CSS এর.
দুই CSS এর জন্য দাঁড়িয়েছে ক্যাসকেডিং স্টাইল শীট.
তাই তার অন্তঃস্থলে, সিএসএস যার অর্থ একটি স্টাইল শীট,
এটা আপনি একটি ওয়েব পৃষ্ঠা শৈলী করতে পারবেন.
এবং তারপর কি যে মানে, এটি একটি উপায় আপনার ওয়েবসাইটের শৈলী যোগ করুন.
তাই শৈলী দ্বারা, আমরা সব মানে যে structural-- না
তাই রং ভালো জিনিস, পটভূমি ছবি, সীমানা, মত, প্যাডিং,
মার্জিন.
আমরা সম্পর্কে কথা বলতে পারবেন কি সব যে একটি বিট মানে.
>> তাই আমরা ঠিক এগিয়ে চলে গেছে করেছি এবং gedit মধ্যে যারা আপ উভয় খোলা.
তাই এই index.html হয়.
এবং এই main.css হয়.
তাই main.css কিছুই আছে.
Allison BUCHHOLTZ-অস্ট্র: এ পর্যন্ত কোন শৈলী.
TOMAS রাইমারুস: কেউ না.
আপনি দেখতে পাবেন, এটা এর একটি সত্যিই অরুপ সাইট.
Allison BUCHHOLTZ-অস্ট্র: এটা শুধু সাধারণ না.
TOMAS রাইমারুস: হ্যাঁ.
হ্যাঁ, এটা, অরুপ না এটা ঠিক অল্পস্বল্প না.
এবং তারপর এখানে আমরা index.html আছে.
তাই একটি দ্রুত জন্য এইচটিএমএল, Allison এর সংক্ষিপ্তবৃত্তি,
আপনি শুধু পৃষ্ঠা সম্পর্কে কথা বলতে চান?
>> Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ.
তাই সম্ভবত, আমরা আমাদের HTML আছে ট্যাগ, যা শুধু নাম HTML ফাইল.
আমরা CSS এর সঙ্গে, এখানে আমাদের হেডার আছে বিস্ময়ে, which-- আপনি ফিরে যান.
যে কোথায়?
>> TOMAS রাইমারুস: ওহ.
হ্যাঁ, আপনি দেখতে পারেন.
Allison BUCHHOLTZ-অস্ট্র: এবং হেডার বিজ্ঞপ্তি
অধিকার এখানে এই ট্যাব শীর্ষচরণ.
এবং তারপর "হ্যালো, দুনিয়া!" হয় আমরা শুধু যে টেক্সট
ওয়েবে প্রদর্শন ফিরে যেতে হচ্ছে ÑÑ পাতা, যা.
পিছনে.
যা শুধু আমাদের শরীরের মধ্যে প্লেইন টেক্সট এখানে.
এছাড়াও, এক জিনিস আপনি এখানে তাকান, বিজ্ঞপ্তি,
টমাস এই পর্যন্ত সুইচ আমাদের স্লাইড থেকে দুই.
তাই হিসাবে দীর্ঘ হিসাবে আপনি সব আছে এই তিন, আপনি সূক্ষ্ম.
তারা চান যাই হোক না কেন হতে পারে.
কি সবচেয়ে গুরুত্বপূর্ণ ঠিক যে আপনি ঐ তিনটি জিনিস প্রতিটি আছে.
>> TOMAS রাইমারুস: কুল.
একটি নথি প্রকার কে?
Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ.
TOMAS রাইমারুস: হ্যাঁ.
কুল.
Allison BUCHHOLTZ-অস্ট্র: দৃশ্যত, আমার mics আমাকে পছন্দ করি না.
TOMAS রাইমারুস: ওহ, শুধু আমাদের একটি সেকেন্ড দিতে Allison তার মাইক আউট পরিবর্তন করার সময়.
তাই হ্যাঁ.
সুতরাং আমরা আমাদের মূল পৃষ্ঠায় আছে.
এটা unstyled নামের ধরনের.
আমরা অনেক আছে না.
আমরা মূলত না ঠিক লেখা আছে.
আমরা স্টাইল শীট আছে.
আমরা শিরোনাম আছে.
তাই শুধু বেয়ার অস্থিমান উপাদান একটি ওয়েবসাইট করা.
>> তাই সেখানে থেকে, আসুন সিএসএস কি বিষয়ে কথা বলতে
এবং এটি মত এবং যে সব দেখে মনে হচ্ছে কি.
যে সব জন্য
Allison BUCHHOLTZ-অস্ট্র: পিছনে স্লাইড.
TOMAS রাইমারুস: স্লাইড পিছনে.
এবং Allison নিতে পারেন.
>> Allison BUCHHOLTZ-অস্ট্র: পাণিপ্রার্থনা.
ঠিক আছে.
আপনার সিএসএস ফাইল তাই আপনি আছে চলুন
এই জিনিস অনেক নির্বাচকদের বলা হয়.
যে শুধু হবে আপনার সিএসএস ফাইল ভিত্তিতে.
এটা ঠিক হতে যাচ্ছে প্রচুর এবং এই প্রচুর.
তাই নির্বাচক.
এই মাত্র সাধারণ শারীরস্থান হয়.
আমরা মধ্য দিয়ে যেতে চলুন উদাহরণ, কারণ যদি আপনি না না
আমি মনে করি, আমার বিভাগে প্রেক্ষিত বিমূর্ত জিনিস মত
সত্যিই জানার জন্য না.
এটা সবসময় উদাহরণ দেখতে সাহায্য করে.
>> তাই আমরা কিছু নির্বাচক আছে.
যে জন্য কিছু শনাক্তকারী হতে যাচ্ছে আমরা কি চাই, শৈলী প্রয়োগ করতে.
এবং তারপর আমরা কোনো থাকতে পারে নিয়ম এবং মান সেট.
আপনি দেখতে হতে পারে যে নির্বাচকরা তাই শরীর ভালো কিছু হতে পারে,
বা P সঙ্গে অনুচ্ছেদ, বা হেডার, বা যাই হোক না কেন,
যাই হোক না কেন আপনি আপনার HTML ট্যাগ হতে চান.
>> তাই এই ক্ষেত্রে, আমরা শরীর আছে.
এবং আমরা কিছু নিয়ম আছে, যা এই অনুরূপ
কি আপনার শৈলী প্রযোজ্য.
তাই এই ক্ষেত্রে, আমরা পটভূমির রঙ ও ফন্ট ওজন.
তাই এই পরিবর্তন করতে যাচ্ছে কিছু পটভূমি
আমাদের এইচটিএমএল ফাইলের কোন শরীর ট্যাগের মধ্যে.
এবং এটা দিতে যাচ্ছে এই হালকা নীল মান.
>> সুতরাং এটা করতে যাচ্ছে ব্যাকগ্রাউন্ড হালকা নীল.
এবং তারপর শরীরের মধ্যে কিছু সাহসী একটি ফন্ট ওজন আছে যাচ্ছে.
তাই এটি শুধু যাচ্ছে আমাদের লেখার সব সাহসী.
এবং এই মাত্র এক নির্বাচক.
কিন্তু আপনি এই খুব অনেক হতে পারে.
এবং আমরা প্রদর্শন করতে যাচ্ছে করছি পরে, একটি সামান্য বিট আরো কিভাবে
সেখানে কাজ করে এবং আরো উদাহরণ যে.
আপনি যোগ করতে চান?
>> TOMAS রাইমারুস: নং
Allison পেয়েছি.
আমরা শুধু একটি আপ কাটা করতে যাচ্ছেন এখানে আমাদের উদাহরণ সাইটে উদাহরণ.
সুতরাং আসুন আসলে এই নিতে.
এটা একেবারে ঠিক আছে.
তাই আমি শুধু কপি এবং পেস্ট করা যাচ্ছে না আমাদের main.css ফাইলের মধ্যে যে অধিকার.
এবং আমি তা সংরক্ষণ করা যাচ্ছে না.
এবং তারপর আমরা এটা চালানো হবে.
তাই সাইড নোট, এক সবচেয়ে হতাশাজনক জিনিস
আপনি একটি ফাইল সংরক্ষণ করুন, এবং না করা হয় তাহলে তারপর আপনি, ভালো, পৃষ্ঠা পুনরায় লোড করুন
এবং ভালো, কেন নয় কি ঘটছে পরিবর্তন?
এটা ঘটবে.
তাই আমরা এখানে আমরা যে দেখেছি আমাদের একটি হালকা নীল পটভূমি ওয়েবসাইট
এবং কিছু টেক্সট বোল্ড.
>> আমি, উল্লেখ করা উচিত আপনি যদি ছেলেরা সম্পর্কে কিছু প্রশ্ন থাকে
আমরা করছেন, দ্বিধায় দয়া করে বিনামূল্যে আমাদের থামাতে এবং আমাদের জিজ্ঞাসা.
আমরা সম্পূর্ণই ইচ্ছুক প্রশ্ন মাঠ.
>> একথাও ঠিক যে, সঙ্গে: Allison BUCHHOLTZ-অস্ট্র সিএসএস, সবকিছু নিজেই উপর তৈরী করে.
এক জিনিস না, তাই যদি এখন জানার জন্য আমরা
চান না যে পরে আপনি নিচে পায়খানা করতে.
>> TOMAS রাইমারুস: সুতরাং আসুন এই ধরনের ব্যবচ্ছেদ.
তাই আপনি যদি শুরু করতে চান না এখানে নির্বাচক সঙ্গে?
>> Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ.
আমি আগে বলছিলাম যে, শরীর এখানে শুধু আমাদের নির্বাচক.
সুতরাং আমরা আমাদের index-- অই ফিরে উপর যান.
>> TOMAS রাইমারুস: আমি যা বন্ধ.
সম্পর্কে একটি দ্বিতীয় দিন.
তাই index.html, ফাইল খুলুন.
Allison BUCHHOLTZ-অস্ট্র: কুল.
তাই আপনি যদি এখানে লক্ষ্য করা হলে, আমরা ঠিক আছে, এই শরীর ট্যাগ আছে?
তাই নির্বাচক শুধু অনুরূপ আমরা যে বিষয়ে কথা বলছি ট্যাগ.
এখানে ডান শরীর তাই.
তাই আমরা বলছে হয় সবকিছু আমরা ফিরে যেতে পারেন?
আমি শুধু পারা চান মত পর্দা স্পর্শ.
এটা এত শীতল হতে চাই.
>> যারা মধ্যে তাই কিছু আমরা দেখেছি যা শরীরের ট্যাগ,
ঠিক, মত, টেক্সট ছিল এবং সাধারণভাবে শরীর
, মত, ব্যাকগ্রাউন্ড বোঝায়.
আপনি কি কখনও করতে চান ব্যাকগ্রাউন্ড পরিবর্তন,
একটি শরীরের ট্যাগ করা যাচ্ছে.
শুধু তাদের প্রয়োগ এই নিয়ম আছে.
>> তাই যদি আমরা যেতে হয় index.html and-- আসলে,
আমরা কিছু থাকতে পারে শরীরের বাইরে?
আমরা ছিল, মত একটি ফুটার বা কিছু, এটা এই ক্ষেত্রে প্রযোজ্য হবে না.
কিন্তু মধ্যে কিছু এই শরীর ট্যাগ যাচ্ছে
এই শরীর দ্বারা প্রভাবিত হবে আমরা তৈরি করেছি যে নির্বাচক.
আপনি টাইপ করা ছিল, তাই যদি অন্য কিছু সেখানে
>> TOMAS রাইমারুস: এর যে বাড়িতে ড্রাইভ যাক.
যদি তাই হয়, যাতে আমরা একটি div-- ছিল আপনি করতে পারেন শুধু আরেকটি ট্যাগ.
আমি এটা বন্ধ করা যাচ্ছে না.
অথবা এর এই একটি অনুচ্ছেদ করা যাক.
তাই পি অনুচ্ছেদ ঘোরা.
এবং যে অনুচ্ছেদের মধ্যে.
এবং তারপর আমি "এই লেখা. বলে,"
কুল.
এবং তারপর আমি এই নিয়ম প্রয়োগ করা করা পরিবর্তে শরীরের একটি অনুচ্ছেদ.
আপনি এটা শুধুমাত্র প্রযোজ্য দেখতে পাবেন নবগঠিত অনুচ্ছেদ, ডান,
না পুরো বিষয়.
যে জানার জন্য?
>> Allison BUCHHOLTZ-অস্ট্র: তাই এই সব শরীর,
কিন্তু এখন আমাদের নির্বাচক শুধু অনুচ্ছেদ অনুরূপ.
তাই আমরা ঠিক সাহসী এবং নীল আছে এই নির্দিষ্ট অনুচ্ছেদের জন্য,
এই শুধুমাত্র জিনিস কারণ যে পি ট্যাগ মধ্যে আবদ্ধ করা হয়.
>> TOMAS রাইমারুস: সাজানোর যে জানার জন্য কিভাবে কিছু অন্যান্য বিষয় encapsulate?
Allison BUCHHOLTZ-অস্ট্র: এছাড়াও, শুধু , মত, সবচেয়ে ভাল উপায় বলে
সত্যিই CSS এর সঙ্গে আরামদায়ক পেতে শুধু ভালো কিছু করার হয়,
শুধু চেষ্টা করে.
এটা কিছু টাইপ করা খুব সহজ আউট, সুদ্ধ আঘাত, এবং দেখুন সেখানে কি ঘটছে.
এবং সবচেয়ে সি এস হিসাবে, পরীক্ষা প্রায়ই করতে পারেন
অনেক ভালো হতে স্বজ্ঞাত বোঝার.
এমনকি আরও তাই আমাদের চেয়ে মাত্র, ভালো, আপনি কথা বলা.
>> TOMAS রাইমারুস: অবশ্যই 100% যে পয়েন্ট সম্মত হন.
আমরা এই ফিরে যেতে সুতরাং, যদি এর শুরু করা যাক এই দুই না ঠিক কি শবব্যবচ্ছেদের.
সুতরাং আমরা এই দুই নিয়ম আছে.
সুতরাং প্রথম এক পটভূমি রং.
এবং আমরা এটি সেট করেছি দেখতে একটি মান, হালকা নীল সমান.
>> তাই CSS এর মধ্যে, সিএসএস সাজান কিভাবে সম্পর্কে খুব আলগা
আপনি রঙ নির্ধারণ করার অনুমতি দেওয়া করছি.
তাই আপনি যদি তাদের নামের দ্বারা নির্ধারণ করতে পারবেন.
আপনি ভালো কিছু করতে পারেন "লাল."
এবং আমরা এই ফিরে যেতে তারপর যদি, আপনি ব্যাকগ্রাউন্ড লাল দেখতে পাবেন.
এছাড়াও আপনি আমি মনে করি আপনি সত্যিই পেতে পারেন এই সুন্দর সৃষ্টিশীল পেতে পারেন,
আপনি করতে পারেন না?
>> Allison BUCHHOLTZ-অস্ট্র: আমি আপনি হেক্স ব্যবহার করতে পারেন.
আপনি করতে পারেন না?
>> TOMAS রাইমারুস: হ্যাঁ.
তাই আপনি যদি হেক্স ব্যবহার করতে পারেন.
কিন্তু আমি নাম-ভিত্তিক চিন্তা করছি.
না আছে?
Allison BUCHHOLTZ-অস্ট্র: আপনি বেশ কয়েক করতে পারেন.
সবচেয়ে রং মত প্রায় কাছাকাছি যে আপনি মত নামের অনুমান করা যাবে, আমি স্যামন মনে হয়.
>> TOMAS রাইমারুস: আমরা করত ব্যবহার করে দেখুন স্যামন করছি.
Allison BUCHHOLTZ-অস্ট্র: আমি খ্রীষ্টান মঠবিশেষ সেখানে মনে হয়.
TOMAS রাইমারুস: হ্যাঁ.
দেখুন?
তাই আপনি যদি সুন্দর সৃষ্টিশীল পেতে পারেন.
>> Allison BUCHHOLTZ-অস্ট্র: আপনি সুন্দর সৃষ্টিশীল পেতে পারে.
ভালো লেগেছে, আপনি মনে করতে পারেন যদি রঙ নাম, এটি আছে সম্ভবত.
আপনি কি সত্যিই চান জরিমানা বিস্তারিত, হেক্স যেতে পারেন.
>> TOMAS রাইমারুস: হ্যাঁ.
তাই হেক্সাডেসিমেল.
আপনি যদি না এই ফিরে মনে রাখবেন আপনার পুরানো pset থেকে, চিত্র উদ্ধার,
আপনি যদি না কারবার করে এই হেক্স মান.
এবং সাজানোর, কি যে হয় সংক্ষিপ্তবৃত্তি হেক্স এটি মধ্যে সংরক্ষিত তিন মান আছে.
সুতরাং দুই বাড়তি গ্রুপ আছে.
প্রথম দুটি লাল মান প্রতিনিধিত্ব.
দ্বিতীয় এক প্রতিনিধিত্ব করে সবুজ মান.
এবং গত এক নীল?
>> তাই মুক্তিযোদ্ধা প্রতিনিধিত্ব ঘটবে একটি হেক্সাডেসিমাল 255.
তাই আপনি যদি 255 লাল, 255 আছে নীল সবুজ, এবং 0.
এবং মান 0 এবং 255 এর মধ্যে বিস্তৃত.
>> শ্রোতা: রাইট.
তাই মূলত, আমরা অনুসন্ধান করতে পারে আমরা চাই যে কোনো রঙ জন্য ইন্টারনেট,
এবং আসলে-পরিচিত সনাক্ত রঙ বর্ণালী কম্বো,
এবং তারপর আমরা এটা করা যেতে পারে?
Allison BUCHHOLTZ-অস্ট্র: ঠিক.
তাই আপনি অনেক সুন্দর সম্পূর্ণ নিয়ন্ত্রণ আছে রং আপনি CSS এর মধ্যে চাই.
আমরা সম্পর্কে কথা বলতে যাচ্ছি ব্যাকগ্রাউন্ড ইমেজ পরে?
অথবা আমরা যে কাজ করতে চান না?
>> TOMAS রাইমারুস: হ্যাঁ.
একেবারে.
সুতরাং প্রথম ঠিক, যে দেখানোর জন্য লাল এবং সবুজ হলুদ হয়.
এবং যদি আপনি কিছু প্রয়োজন হলে এই খুঁজে পেতে সাহায্য, আপনি
গুগল কিছু করতে পারেন "রঙ জুতো." মত
Allison BUCHHOLTZ-অস্ট্র: ওহ, এটা তাই ভাল.
আমি রঙ বাছাইকারি ভালোবাসি.
>> TOMAS রাইমারুস: colorpicker.com একটি ভাল উদাহরণ.
এবং এখানে, আপনি আপনি দেখতে পাবেন একটি পূর্ণ ফটোশপ মত রঙ জুতো.
>> Allison BUCHHOLTZ-অস্ট্র: মিমি-এইচ এম.
এছাড়াও, শীতল জিনিস আপনি রঙ স্কিম তৈরি করতে পারেন
আপনি না, যাতে, মত, রং clashing.
TOMAS রাইমারুস: এবং তারপর এখানে hex মান আপ এর.
তাই আপনি সর্বদা মূলত খুঁজে পেতে পারেন অনলাইন জায়গা থেকে hex মান পেতে.
এটা মত, যে শুধু বাছাই না আমরা সংখ্যা বিশ্বের রং দেখতে.
আমরা অনলাইন যেতে যে আরো এবং, আমরা কি চাই, রঙ খুঁজে
এবং তারপর সংখ্যা নিচে নিতে.
এটি শুধু একটি সত্যিই সহজ, কারণ উপায় সি এস জিনিস উল্লেখ করার.
>> Allison BUCHHOLTZ-অস্ট্র: এবং তারপর also-- আছে
আমি সাইট এর সঠিক নাম ভুলবেন না.
কিন্তু, স্পষ্টভাবে আছে আমি অ্যাডোবি থেকে কিছু মনে
যে, আপনার জন্য রঙ স্কিম তৈরি করে যা সত্যিই শীতল আপনি কারণ
definitely-- এটি কখনও কখনও এর চিন্তা করা কঠিন,
ওহ, আমি এই রঙ ব্যবহার করতে চান, কি অন্য দরকারী হতে পারে
আমার সাইটে অন্যত্র ব্যবহার করার জন্য, মত, এটা চমৎকার এবং সংযোজক না.
>> TOMAS রাইমারুস: Allison এর সম্পর্কে কথা বলা অ্যাডোবি পর এক Kuler বলা হয়, আমি মনে করি.
এটা কে-ইউ-এল-ই-আর এর.
Allison BUCHHOLTZ-অস্ট্র: আমি তাই মনে করি.
আমি যে এক চমত্কার নিশ্চিত.
>> TOMAS রাইমারুস: আমার প্রিয় হয়েছে সবসময় রঙ প্রকল্প ডিজাইনার হয়েছে.
>> Allison BUCHHOLTZ-অস্ট্র: উত্তেজনা.
>> TOMAS রাইমারুস: এখন হয় যা
>> Allison BUCHHOLTZ-অস্ট্র: আহ, এই সুন্দর.
>> TOMAS রাইমারুস: এবং আপনি মূলত মত, বলতে পারেন,
আমি পরবর্তী প্রতিটি অন্যান্য তিনটি রং করতে চান.
এবং তারপর এর চমৎকার কিছু করতে দিন.
এবং তারপর আপনি একটি উদাহরণ পেতে পারেন যে মত চেহারা হতে পারে কি.
এবং তারপর আপনি কোন উপর কার্সার রেখে যদি তাদের এটা আপনি hex মান দেয়.
>> তাই শুধু একটি ভালো উপায় হিসেবে শুরু রঙ স্কিম সম্পর্কে চিন্তা
একটি ওয়েবসাইট বা কি রং একসঙ্গে ভাল যেতে পারে.
যে আশ্চর্যজনক হতে পারে, কারণ আপনি কি মনে করেন হিসাবে হিসাবে সহজ নয়, বাছাই.
এবং তারপর অন্যান্য শীতল জিনিস আমি সবসময় এই সাইট সম্পর্কে পাওয়া করেছি
আপনি উদাহরণ আঘাত, এটা করব কি একটি উদাহরণ ওয়েবসাইটে প্রদর্শন
যে রঙের স্কিম ব্যবহার করে ভালো চেহারা হতে পারে.
যাই হোক.
>> ফিরে আসল CSS এর.
Allison BUCHHOLTZ-অস্ট্র: কিন্তু, সম্ভবত আমরা এই রেফারেন্স সহায়ক হতে পারে জানেন.
TOMAS রাইমারুস: না, তারা স্পষ্টভাবে সহায়ক হতে পারে.
দ্বিতীয় নিয়ম, Allison তাই?
>> Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ.
দ্বিতীয় নিয়ম ঠিক হয় আমাদের ফন্ট সংশ্লিষ্ট.
তাই ফন্টের ওজন মাত্র ধরনের of-- তাই ওজন হবে
আপনার মত, শুধু চান, হতে পারে, স্বাভাবিক বা, মত, পাতলা ফন্ট,
বা এই ক্ষেত্রে, মত, সাহসী.
আমি ভুলবেন না.
যদি আপনি যেমনটি এটিকে আছে কি স্বাভাবিক, মত, শুধু চেয়ে পাতলা এক?
TOMAS রাইমারুস: আমি আসলে না একটি পাতলা এক আছে, যদি জানতে.
Allison BUCHHOLTZ-অস্ট্র: আমি ভুলবেন না.
তাই ফন্টের ওজন সাধারণত আমরা শুধু সাহসী জন্য ব্যবহার করুন.
আপনি মধ্যে সত্যিই পেতে চান, তাহলে এটা, আমরা আপনাকে দেখাতে যাচ্ছে.
W3Schools সব বিভিন্ন আছে জিনিষ আপনি ফন্ট জন্য করতে পারেন.
কিন্তু মূলত, আপনি কি কখনো করতে চান ফন্ট সম্পর্কে কিছু পরিবর্তন করার,
এটি সবসময় হতে যাচ্ছে মত, ফন্ট কিছু.
আপনি সুতরাং, যদি ফন্ট পরিবারের মত হবেন প্রকৃত ধরন পরিবর্তন করার চেষ্টা করছে.
এটা আপনি যদি ফন্ট শৈলী হবেন টানা মত এটি করতে চান,
বা বাঁকা, বা যে কোন বস্তু.
অথবা এমনকি ফন্ট রঙ, যদি আমরা যে পরিবর্তন চেয়েছিলেন.
>> TOMAS রাইমারুস: হ্যাঁ.
সুতরাং আপনি যে পরিবর্তন করতে পারেন.
এবং সাজানোর মাত্র এখন সংক্ষিপ্তবৃত্তি, আপনি যা করতে পারেন তাই
আমরা এখানে নির্বাচক আপ আছে দেখতে.
আমরা এই কোঁকড়া ধনুর্বন্ধনী আছে.
এবং তারপর আমরা নিয়ম আছে সেমিকোলন দ্বারা চিহ্নিত.
যে জানার জন্য?
হ্যাঁ?
কুল.
সুতরাং যে good-- যদি
>> Allison BUCHHOLTZ-অস্ট্র: পিছনে.
TOMAS রাইমারুস: এর বিশেষভাবে কথা বলা যাক নির্বাচকরা কি ধরনের সম্পর্কে আমরা আছে.
'এই মুহূর্তে আমরা কারণ বাছাই করা মাত্র ট্যাগ দেখানো.
কিন্তু আপনি তা না বিশ্বাসযোগ্য দেখতে পারে.
আপনি যদি দুটি অনুচ্ছেদ আছে বলে একটি পৃষ্ঠা এবং আপনার উপর
শৈলী করতে সক্ষম হতে চান এক কিন্তু অন্যান্য না,
আপনি শুধু নিজের সীমাবদ্ধ করতে চান না বিভিন্ন প্রকৃত HTML ব্যবহার করার আছে
ট্যাগ তাদের বিভিন্ন শৈলী দিতে.
>> সুতরাং আমরা মৌলিক তিনটি আছে নির্বাচক ধরনের.
Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ.
তাই আমরা যা কি, ট্যাগ আছে আমরা ডান এখন কথা বলা হয়েছে.
সুতরাং যে ধরনের আপনার শরীরের বা পি মত.
এবং তারপর আমরা, যা বর্গ আছে আমরা আমাদের সিএসএস ফাইলে এটি সংজ্ঞায়িত যখন,
এটা সবসময় বিন্দু হতে যাচ্ছে, যাই হোক না কেন আপনি আপনার বর্গ নাম হতে চান.
এবং এই একাধিক জিনিষ আবেদন করতে পারেন.
>> আপনি পাঁচ অনুচ্ছেদ আছে বলে এবং তাদের তিনটি দুই
একই স্টাইল করা প্রয়োজন, আপনি এটি একটি বর্গ প্রযোজ্য হবে.
এবং এই আমরা এটা ঠিক উপায়.
আমরা আপনাকে একটি উদাহরণ দেব যেখানে আসলে এই দেখায়.
কিন্তু আপনি হয়তো কিছু ট্যাগ ছিল পি, এটা পরে, আপনি, লিখতে হবে
বর্গ যাই হোক না কেন ক্লাস সমান যদি আপনি এটি প্রয়োগ করতে চান.
আমরা চাই যে তাই যাই হোক না কেন বর্গ নির্বাচক এই নির্দিষ্ট অনুচ্ছেদ প্রয়োগ করতে,
আমরা শুধু ভালো লিখতে পারেন.
অবশ্যই, আমি একটি উদাহরণ মনে এটা আরো অনেক কিছু কংক্রিট করতে হবে.
>> আমরা অন্য এক আইডি আমরা বোঝান, যা হয়
একটি হ্যাশ, বা আধা কেজি, বা হ্যাশট্যাগ সঙ্গে.
TOMAS রাইমারুস: Octothorpe.
Allison BUCHHOLTZ-অস্ট্র: Octothorpe.
এটা খুব, কাজ করে.
এবং এই এক সত্যিই অনন্য হতে হবে.
তারা শুধুমাত্র আবেদন করা উচিত আপনার পেজে এক জিনিস.
যে একটি নির্দিষ্ট অনুচ্ছেদের তাই কিনা, বা কিছু একটা তালিকায় আইটেম, বা যাই হোক না,
এই অনন্য হতে হবে.
এবং একই ভাবে যে আমরা শুধু বলে, মত, শ্রেণী = "Class1 class2,"
এই মাত্র আমরা যাই হোক না কেন এর আইডি হতে পারে.
TOMAS রাইমারুস: হ্যাঁ.
সুতরাং এর স্পষ্টভাবে কথা বলা যাক এখানে উদাহরণ সম্পর্কে.
এবং আমি আকর্ষণীয় করতে যাচ্ছি সোজা ফিরে কোড মধ্যে.
তাই আমাদের এইচটিএমএল তাকান.
এবং তাই আমরা ডান এখন এক অনুচ্ছেদ আছে.
এই লেখা.
আমি শুধু পরিবর্তন করা যাচ্ছে না এটা. "এই টেক্সট 1."
এবং তারপর আমরা চলুন একটি "এই টেক্সট 2."
>> Allison BUCHHOLTZ-অস্ট্র: দ্বিতীয় এক.
TOMAS রাইমারুস: হ্যাঁ.
সুতরাং আমরা এখন আছে অধিকার "এই টেক্সট 2,"?
এবং আমরা পুনরায় লোড করে যে দেখতে যাচ্ছেন পাতা, আমরা কি খুঁজে পেতে যাচ্ছেন
আমরা করত করছি find--
Allison BUCHHOLTZ-অস্ট্র: উত্তেজনা.
TOMAS রাইমারুস: হ্যাঁ.
আমরা একটি "এটি খুঁজে পেতে যাচ্ছেন টেক্সট 1, "এবং" এই "টেক্সট 2.
>> Allison BUCHHOLTZ-অস্ট্র: এবং আউট সুদৃশ্য হলুদ রঙ.
>> TOMAS রাইমারুস: এবং আপনি দেখতে পাবেন , এই মুহূর্তে আমাদের নির্বাচক যে
পি এর ক্ষেত্রে প্রযোজ্য, বা অনুচ্ছেদ, তাদের উভয়ের প্রভাবিত করে,
তাদের উভয়ের দেখা কারণ শর্ত তারা একটি পি ট্যাগ উভয় যে.
মোট জ্ঞান করে তোলে.
তাই প্রশ্ন, ভাল, কি, আমরা চেয়েছিলেন শুধুমাত্র এক পেতে?
তাই ঠিক Allison বলছিলাম, আমরা কি দুই অন্যান্য উপায় আছে.
আমি আইডি দিয়ে শুরু করা যাচ্ছে না.
>> Allison BUCHHOLTZ-অস্ট্র: আইডি দিয়ে শুরু করা যাক.
>> TOMAS রাইমারুস: এবং উভয় এই গুণাবলী.
তাই গুণাবলী এইচটিএমএল মধ্যে বিদ্যমান.
এবং তারা কি হয় যে আপনি যোগ কিছু
যা ট্যাগ ভিতরে ট্যাগ নাম থেকে আলাদা.
তাই আপনি যদি একাধিক গুণাবলী থাকতে পারে.
হ্যাঁ?
>> Allison BUCHHOLTZ-অস্ট্র: আমি চালু ছিল pset 7 থেকে আপনার উদাহরণ থেকে, বলে,
যদি আপনি কোন সারিবদ্ধ চেষ্টা করে কেন্দ্র জিনিষ,
আপনি ব্যবহৃত হতে পারে "টেক্সট = কেন্দ্র সারিবদ্ধ."
এবং সম্ভবত আপনি এটা লক্ষ্য কেন্দ্রীভূত করা উচিত
আপনার লেখা অথবা আপনার ন্যাভিগেশন বারে.
সুতরাং যে শুধু একটি বৈশিষ্ট্য এর আপনার সাথে পরিচিত হতে পারে.
TOMAS রাইমারুস: একটি গুচ্ছ আছে এর আপনি দেখতে পাবেন যে গুণাবলী.
হ্যাঁ.
Pset 7 ভাল রেফারেন্স মত.
আমরা আইডি আছে.
এছাড়াও আপনি থাকতে পারে বর্গ, ভালো জিনিস.
একটি একক ট্যাগ অনেক গুণাবলী থাকতে পারে.
তাই আইডি দিয়ে শুরু, আসুন আমরা জাহির করা যাক আমি জানি না of-- একটি আইডি আছে চান.
আমরা বিশেষ কল করব এই এক, কারণ আমরা করছি
বোল্ড করা যাচ্ছে, এবং নিম্নরেখা, এবং যাই হোক না কেন.
Allison BUCHHOLTZ-অস্ট্র: এটা করত সুপার বিশেষ.
TOMAS রাইমারুস: সুতরাং এই এক, আমরা আইডি বিশেষ আছে.
উপায় যে নির্বাচন করতে তাই হয়, তাহলে, হয় Main.css মধ্যে একটি পি ট্যাগ আছে, বরং
আপনি ঠিক আছে, #special না?
এবং যে নির্বাচন আইডি বিশেষ সঙ্গে জিনিস.
এই সকলের জানার জন্য?
শ্রোতা: হ্যাঁ.
TOMAS রাইমারুস: কুল.
তাই এখন আমরা ফিরে যান, আমরা উপস see-- হবে.
হ্যাঁ.
আমরা দেখতে পাবেন যে এটি শুধুমাত্র নির্বাচন আইডি বিশেষ সঙ্গে এক.
হ্যাঁ?
শীতল শোনায়.
হ্যাঁ.
>> শ্রোতা: কিছু একটি পারি উভয় বর্গ এবং একটি আইডি অ্যাট্রিবিউট?
>> TOMAS রাইমারুস: হ্যাঁ.
শ্রোতা: ঠিক আছে.
তারপর আপনি দিতে তারপর আর কি এটা যে দ্বন্দ্ব CSS এর মধ্যে কিছু নিয়ম?
TOMAS রাইমারুস: অবশ্যই.
আমরা স্পষ্টভাবে চলুন যে কথা বলার জন্য.
তাই ঠিক কি আপনি পেয়ে ছিল সময়ে, আপনি ক্লাস আছে করতে পারেন.
তাই আমি ছিল জাহির করা যাক তিন অনুচ্ছেদ এবং আমি
প্রথম শৈলী চেয়েছিলেন দুই কিন্তু তৃতীয় না.
ওয়েল, আপনার প্রথম ধারণা আমি ভাল হতে পারে, শুধু দ্বিতীয় এক একটি আইডি দিতে পারে.
কিন্তু আপনি করতে পারেন না, একটি আইডি কারণ, ঠিক Allison বলছিলাম,
অনন্য হতে হয়েছে.
>> সুতরাং পরিবর্তে একটি আইডি, আপনি কি ব্যবহার করতে পারেন আপনি একটি বর্গ ব্যবহার করতে পারেন.
এবং একটি ক্লাসে পারবেন কি আপনি মূলত বলা হয় না,
এই একটি দলের অংশ হিসাবে জন্যে.
এই ক্ষেত্রে, আমাদের গ্রুপ বিশেষ বলা হয়.
এবং তারপর আমরা কি করতে যাচ্ছেন কি আমরা, বরং আধা কেজি চেয়ে কথাই চলুন
আমরা ডট ব্যবহার করতে যাচ্ছেন.
ঠিক আছে?
এবং লক্ষ্য করা যে আধা কেজি এবং বিন্দু শুধুমাত্র সিএসএস ফাইলের মধ্যে বিদ্যমান,
না এইচটিএমএল মধ্যে.
Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ.
গুরুত্বপূর্ণ পার্থক্য.
>> TOMAS রাইমারুস: আমি , তাই অনেক সংগ্রাম ছিল
আমি HTML এ হ্যাশ করা, কারণ এবং তারপর শুধু একটি দীর্ঘ সময়ের জন্য বোকা অনুভূত.
এটি উভয় নির্বাচন কিভাবে দেখুন যে বর্গ সঙ্গে বেশী?
কুল.
>> এখন, একাধিক ক্লাস থাকতে পারে.
আমি প্রথম করতে চেয়েছিলেন বলে দুই হলুদ একটি পটভূমি আছে
এবং দ্বিতীয় দুই আছে একটি নীল ফন্টের রং.
ঠিক আছে.
আমি চাই কেন আমি সত্যিই জানি না যে কাজ করতে চান, কিন্তু আমি করতে পারেন.
>> Allison BUCHHOLTZ-অস্ট্র: পারে না আপনার ওয়েব সাইটের জন্য এটি বাঞ্ছনীয়.
কিন্তু আমাদের কাজের জন্য, এটা করতে হবে.
>> TOMAS রাইমারুস: এটা না একটি ভাল রঙ প্রকল্প.
Allison BUCHHOLTZ-অস্ট্র: ভাল, হলুদ এবং নীল আমার উচ্চ বিদ্যালয় রং.
আমি যদিও, জানি না.
TOMAS রাইমারুস: Allison এর উচ্চ স্কুলের একটি মহান বর্ণবিন্যাস ছিল.
[হাস্য]
তখন আমরা কল করতে পারেন কি এই এই কল চলুন শুরু করা যাক তাই আমরা বিশেষ আছে
এবং আমরা বেশ আছে.
আমি এই জন্য, আপনি ব্যবহার, সুপারিশ আরো অনেক কিছু বর্ণনামূলক নাম.
Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ, আমি কথা হলুদ বা নীল, ভালো লেগেছে, এই কল.
>> TOMAS রাইমারুস: আমরা পারব না সত্যিই, একটি বাস্তব ওয়েবসাইট তৈরি
যা আমরা যে কাজ করছি না কেন.
কিন্তু আপনি যদি আসলে আপনি একটি বাস্তব ওয়েবসাইট ছিল
থাকতে পারে, মত, নিবন্ধ হেডার, নিবন্ধ বিষয়বস্তু, প্রথম শব্দ,
অনুমতি দেয়, যা যে ভালো জিনিস, আপনি আরো অনেক কিছু বর্ণনামূলক হতে হবে.
এই মাত্র ভেরিয়েবল মত সত্যিই হয়.
তারা একটি উপায় যেখানে নামে করা উচিত আপনি যেমন, ভালো হাঁ, করতে পারেন.
পারফেক্ট.
>> তাই পটভূমির রঙ.
এবং তারপর আমরা তাই বলতে চলুন রঙ পরিবর্তন করার উপায় শুধু "রঙ" হয়.
এবং আমরা তা নীল করতে যাচ্ছেন.
যে শীতল.
তাই এখন আমরা আছে প্রথম দুটি বিশেষ আছে.
পরবর্তী এক যাচ্ছে "বেশ = বর্গ." আছে
Allison BUCHHOLTZ-অস্ট্র: এবং তারপর আপনি পাবেন মধ্যম এক "সুন্দর" যোগ করতে চান.
TOMAS রাইমারুস: হ্যাঁ.
এবং তারপর মাঝখানে এক, "বেশ," কি যোগ করতে
আপনি শুধুমাত্র একটি স্থান আছে.
বর্গ অ্যাট্রিবিউট তাই একটি জায়গা পৃথক তালিকা
সব ক্লাস যে যে ট্যাগ প্রযোজ্য.
ঠিক আছে?
এই এক জন্যে এটা ভালো না বলা বিশেষ শ্রেণীর কিছু
"বিশেষ, স্থান, সুন্দর."
এটা দুই classes-- জন্যে বিশেষ প্রশংসনীয়.
হ্যাঁ?
কুল.
>> এবং তারপর, যদি আমরা চেহারা কি হবে, আমরা করছি
প্রথম এক হয়েছে যে দেখতে যাচ্ছে হলুদ পটভূমি, কালো টেক্সট.
দ্বিতীয় one--
>> Allison BUCHHOLTZ-অস্ট্র: সাহসী --has নীল টেক্সট সঙ্গে হলুদ পটভূমি.
এবং আমাদের গত এক মাত্র আছে আমরা এটা নির্ধারিত যে নীল টেক্সট.
>> TOMAS রাইমারুস: কুল?
নির্বাচকরা কিভাবে কাজ করে?
জট্টিল.
>> Allison BUCHHOLTZ-অস্ট্র: আমরা চাই না এখন তাহলে দ্বন্দ্ব সম্পর্কে কথা বলতে?
>> TOMAS রাইমারুস: তাই হ্যাঁ.
একেবারে.
তাই কি আপনি যদি ঘটে অধিকার, একটি বিরোধ আছে?
প্রথম এক ভান করা কিছু সেট আপ ভালো
Allison BUCHHOLTZ-অস্ট্র: হয়তো এই এক ব্যাকগ্রাউন্ড পরিবর্তন?
TOMAS রাইমারুস: হ্যাঁ.
তাই আমরা করতে যাচ্ছেন "সুন্দর" স্যামন ব্যাকগ্রাউন্ড পরিবর্তন করুন.
Allison BUCHHOLTZ-অস্ট্র: আপনি শুধু সাথে আছেন সব মহান রং আজ, টমাস.
TOMAS রাইমারুস: হ্যাঁ.
আমি খুঁজে পাওয়া যায় নি, কারণ আমি যা করতে পারেন একটি বাস্তব রঙ হিসাবে স্যামন ব্যবহার করুন.
সুতরাং আমরা শুধুমাত্র যে কাজ করতে যাচ্ছেন.
আমি সূর্যাস্ত একটি বাস্তব রঙ মনে হয়.
শ্রোতা: সূর্যাস্ত একটি বাস্তব রঙ?
Allison BUCHHOLTZ-অস্ট্র: এটা চেষ্টা করুন.
TOMAS রাইমারুস: এই ডেমো পর শুধু ক্ষেত্রে এটি আপ messes কারণ
আমি ডিবাগ করতে চান না.
সুতরাং আমরা স্যামন একটি বাস্তব রঙ জানি.
তাই কোন অনুমান কি ঘটতে যাচ্ছে?
>> Allison BUCHHOLTZ-অস্ট্র: কোন ধারণা?
>> শ্রোতা: [শ্রবণাতীত].
>> TOMAS রাইমারুস: হ্যাঁ.
সুতরাং আপনি এটি ঠিক ঠিক.
মূলত, এটি প্রদর্শিত হয় এটা দেওয়া হয় যে গত নিয়ম.
>> Allison BUCHHOLTZ-অস্ট্র: তাই এই হল যেখানে ক্যাসকেডিং কার্যকর আসে.
>> TOMAS রাইমারুস: তাই কিভাবে মনে রাখবেন আমরা স্টাইল শীট ক্যাসকেডিং যে ছিল?
যে সুতরাং, আমরা ধরনের অর্থ আমরা নিয়ম একটি গুচ্ছ আছে
যা একে অপরের ওপর প্রযোজ্য, এবং তারা একে অপরের অগ্রাহ্য করতে পারেন.
>> Allison BUCHHOLTZ-অস্ট্র: তাই নীচে যাই হোক না কেন এর
উপরের যাই হোক না কেন অগ্রাহ্য করা হবে.
আপনি যে সম্পূর্ণ নিয়ম হতে পারে পূর্বেই কিছু অস্বীকার করা.
আপনি হতে চান কেন যে এর আপনি স্টাইলিং যখন সতর্ক থাকুন,
তাই আপনি নিয়ম তৈরি করছি না যে আপনি শুধু সম্পূর্ণভাবে অগ্রাহ্য করছি.
>> TOMAS রাইমারুস: অথবা হয়ত আপনি নিয়ম মুছে ফেলা করতে চান না.
>> Allison BUCHHOLTZ-অস্ট্র: অথবা হয়ত আপনি না.
হ্যাঁ.
>> TOMAS রাইমারুস: আপনি যদি একটি আছে জাহির অধিকাংশ জিনিস যা প্রযোজ্য বর্গ,
কিন্তু এর আপনি পরিবর্তন করতে চান বলা যাক লাল এবং ফন্ট পটভূমির রঙ
সবচেয়ে সাহসী জন্য ওজন কিছু, কিন্তু এক জন্য,
আপনি শুধুমাত্র পটভূমির রঙ চান লাল হতে পারে, কিন্তু আপনি অন্য সব করতে চান
বৈশিষ্ট্য, আপনি কিছু করতে পারে মত "ফন্ট-ওজন = স্বাভাবিক,"
যা পরে যে সাহসী পরিবর্তন পূর্বাবস্থা হবে.
হ্যাঁ?
আবার, সবচেয়ে ভালো উপায়, আমি মনে করি Allison এটা ঠিক, অনুশীলন করা হয়.
>> Allison BUCHHOLTZ-অস্ট্র: পরীক্ষা.
>> TOMAS রাইমারুস: অনুশীলন, অনুশীলন, অনুশীলন, এবং পরীক্ষা.
আমি মনে করি যে মানুষ অনেক জানা সিএসএস অনুমান এবং চেক ঠিক হয় অনেক
যেখানে যদি দিনের শেষে, এ আপনি, কিছু আছে মত কাজ করতে চান
আপনি একটি মোটামুটি একটা ধারণা আছে, কিন্তু আপনি সম্ভবত এখনও প্রয়োজন
নিশ্চিত করুন যে এটি চেষ্টা করে আপনি কি এটা ভালো দেখায় না.
>> শ্রোতা: আপনি আবেদন করছেন ক্লাস, একাধিক
একই অনুচ্ছেদের বা অধ্যায়, এটা আছে
ব্যাপার কি, যাতে আপনি যা করতে পারেন কোট মধ্যে তাদের টাইপ?
>> TOMAS রাইমারুস: না, না এ সব.
>> Allison BUCHHOLTZ-অস্ট্র: কি আসলে হয় আপনার CSS স্টাইল শীট মধ্যে অর্ডার.
শ্রোতা: আপনি প্রশ্ন পুনরাবৃত্তি করবেন?
TOMAS রাইমারুস: ওহ.
Allison BUCHHOLTZ-অস্ট্র: মধ্যে বর্গ, যখন আপনি প্রদান করছি ক্লাস
HTML এ কিছু আছে, এটা তারা আছেন কোন যা আদেশ?
এটা যাতে কোন ব্যাপার না.
কি বিষয়ে আদেশ হয় আপনার CSS এর মধ্যে বর্গ নির্বাচক,
আপনার স্টাইল শীট মধ্যে.
>> TOMAS রাইমারুস: সাউন্ড ভাল?
>> Allison BUCHHOLTZ-অস্ট্র: বাহ.
>> TOMAS রাইমারুস: এবং তারপর আমরা চাচ্ছি চালিয়ে যাচ্ছেন
Allison BUCHHOLTZ-অস্ট্র: আমরা পরবর্তী কি কি আছে?
আমি ভুলবেন না.
ওহ, আমরা শুধু উদাহরণ আছে.
কিন্তু আমরা ধরনের যারা কাজ করেছি.
আমরা উড়ে উদাহরণ সম্পন্ন করেছি.
>> TOMAS রাইমারুস: আমরা পেতে শীঘ্রই নির্বাচকরা একত্রিত করা.
>> Allison BUCHHOLTZ-অস্ট্র: ওহ, আমরা নির্বাচকদের একত্রিত পেতে.
TOMAS রাইমারুস: তাই কিছু উদাহরণ আমরা আছে
# Dog-- আধা কেজি, বা হ্যাশট্যাগ, বা octothorpe, বা যাই হোক না কেন
আপনি যে সব ধারালো কল করতে চান.
>> Allison BUCHHOLTZ-অস্ট্র: আকস্মাত্ কুকুর.
>> TOMAS রাইমারুস: তারপর আপনি .pets আছে.
কিছু কুকুর একটি আইডি আছে পাতা শুধুমাত্র এক কুকুর আছে.
কিছু একটি আইডি আছে বিড়াল, শুধুমাত্র একটি বিড়াল আছে.
পাতা অনেক পোষা প্রাণী হতে পারে.
আমরা ক্লাস যে দিয়েছে কেন.
আপনি পি একটি উদাহরণ আছে.
এবং তারপর এক, তাই শেষ উদাহরণ, যা
আমরা কথা বলত না হয় কিছু আপনি তাদের একত্রিত হলে কি হয়.
P.pets তাই.
>> যে জন্য সুতরাং, এর ফিরে যান কোড এবং হাঁ another-- পরিচয় করিয়ে দিতে.
তাই এখানে ফিরে.
>> Allison BUCHHOLTZ-অস্ট্র: আমি এই সত্যিই হয় মত মনে
ঠিক মত উদাহরণ মাধ্যমে খুঁজছেন সত্যিই এই জানতে উপায়.
সুতরাং যে আমরা তা করছেন.
>> TOMAS রাইমারুস: সুতরাং আসুন আমরা জাহির করা যাক শুধুমাত্র ডান টেক্সট 2, নির্বাচন করতে চান?
তাই আমরা স্পষ্টভাবে না করতে পারেন একটি আইডি দিয়ে যে না.
ভাল, আমরা একটি সঙ্গে যে কি হতে পারে আইডি, কিন্তু এটি একটি আইডি নেই.
আমি এক যোগ, কিন্তু এর সাজা দেওয়া হতে পারে আমি এক যোগ করতে চান না যে
অথবা এটি ইতিমধ্যেই অন্য কিছু আছে.
আমি যে যে কাজ করতে পারবেন না.
ট্যাগ অধিকার, স্পষ্টভাবে অনন্য নয়?
এবং কেউই বর্গ.
কিন্তু আপনি এই জিনিস একত্রিত করতে পারেন.
আসুন আমরা কিছু করতে চেয়েছিলেন বলে যা শুধুমাত্র কিছু ক্ষেত্রে প্রযোজ্য যা
বর্গ বিশেষ আছে এবং যা বর্গ সুন্দর আছে.
>> তাই কি আপনি কি করতে পারেন, Main.css মধ্যে হয় আপনি প্রথম এই মুছে দিন, বলতে পারেন.
আপনি এই একত্রিত করতে পারেন.
তাই আপনি যদি .special করতে পারেন.
কোন স্থান.
শুধু .special.pretty.
কি যে মানে হল কিছু যা বিশেষ এবং সুন্দর উভয়.
যে জানার জন্য?
এবং আমরা এখানে যান, কি আপনি দেখতে যাচ্ছেন
এই নিয়ম শুধুমাত্র প্রযোজ্য যারা উভয় আছে, যা দ্বিতীয় এক,.
এবং যদি আপনি একটি জিনিস অনেক জন্য তা করতে পারে.
আপনি আসুন বলতে পারেন আমি শুধুমাত্র চেয়েছিলেন সাজা
সুন্দর বর্গ আছে যা কিছু করার এবং একটি অনুচ্ছেদের ট্যাগ যা.
তাই p.pretty.
আমি ছিল যে ভান করা ট্যাগ শরীরের উপর বেশ কিছু.
ঠিক আছে?
আমি এই রান এবং আমি করতে পারেন এটি শুধুমাত্র দেখতে পারেন
যা কিছু আবেদন করতে যাচ্ছে সুন্দর বর্গ সঙ্গে অনুচ্ছেদ.
এবং যদি আপনি এই একত্রিত করতে পারেন মূলত, আপনি চান হিসাবে অনেক.
তাই আপনি শুধু তাদের একত্র করা যাবে.
যে জানার জন্য?
Allison BUCHHOLTZ-অস্ট্র: তাই এই ধরনের আরো দরকারী
যখন, টমাস, হয়তো আগে বলার অপেক্ষা রাখে না আপনি একটি অত্যন্ত জটিল ওয়েবসাইট আছে,
এবং আপনি ইতিমধ্যে অনেক আছে লিখিত এই নিয়ম,
এবং আপনি শুধু প্রয়োজন আগে থেকে দুটি একত্রিত করা.
ভালো লেগেছে পরিবর্তে একটি সম্পূর্ণ লেখা নতুন নির্বাচক এবং সেখানে এটি পরিবর্তন করা
আপনি শুধু একত্রিত করতে পারেন তাদের এটা ওভারল্যাপ করে.
>> TOMAS রাইমারুস: অথবা আপনি কখনও কখনও out-- খুঁজে পেতে পারে
এক বর্গ আছে যা মত ফন্ট এর রং নীল করে তোলে,
এবং অন্য বর্গ আছে যা পটভূমি নীল করে তোলে.
এবং যে শুধু কাজ করবে না.
তাই আপনি যদি একটি বিশেষ ক্ষেত্রে লিখুন, যেখানে, এটি উভয় আছে ভালো কিন্তু, আপনি কি আছেন
কি করতে যাচ্ছে আপনি চলুন এই এক নীল এই আলোছায়া করা
এবং এই এক নীল এই অন্যান্য আলোছায়া.
রাইট?
>> Allison BUCHHOLTZ-অস্ট্র: গুড ব্যতিক্রম যারা ধরণের জন্য.
TOMAS রাইমারুস: তাই সমস্যা সম্পর্কে চিন্তা
আপনি তাদের একত্রিত যখন যে উঠা পারে.
কুল.
তাই ফিরে আমাদের উপস্থাপনায়.
Allison BUCHHOLTZ-অস্ট্র: আমরা প্রায় নেই.
TOMAS রাইমারুস: এবং এটা সংযোগ বন্ধ হয়েছে.
Allison BUCHHOLTZ-অস্ট্র: ওহ,.
Allison BUCHHOLTZ-অস্ট্র: এ সি এস অফিস, ইন্টারনেট নিচে চলে যায়.
ওহ, বিদ্রূপ.
>> TOMAS রাইমারুস: তাই ভাগ্যক্রমে, আমরা করতে পারেন ইন্টারনেট ছাড়া উপস্থিত, আমি অনুমান
আমরা এখানে সব স্লাইড আছে.
তাই এর সম্পর্কে কথা বলা যাক ট্যাগ এর সম্পর্ক.
Allison BUCHHOLTZ-অস্ট্র: রাইট.
যাচ্ছে তাই শুধু ধরনের টমাস বলেন কি বন্ধ,
এই এটা করতে শুধু আরেকটি উপায়.
তাই আমরা কিছু পিতা বা মাতা আছে একটি সন্তানের নির্বাচক সঙ্গে নির্বাচক.
সুতরাং এখানে এই উদাহরণে, আমরা কিছু আছে একটি বর্গ Navbar হল, বর্গ বাটন সঙ্গে শরীর.
অই.
>> TOMAS রাইমারুস: ওহ, দুঃখিত.
>> Allison BUCHHOLTZ-অস্ট্র: এবং মূলত, কি এই মানে
মত, শিশুদের সব নির্বাচন করা হয় নির্বাচকদের এই প্রকারের সব,
এই পিতা বা মাতা নির্বাচক মধ্যে.
এবং যারা শুধুমাত্র বেশী হয় এটা কখনও আবেদন করতে যাচ্ছে.
আমি জানি না আপনি যদি একটি ভাল উপায় আছে of--
TOMAS রাইমারুস: তাই আমি মনে হয় উপায় অনুমান
এই সম্পর্কে কিভাবে আগে মনে রাখতে হয় আমরা ধরণের তাদের একত্র করা চাই.
এবং তারপর যে এক উপাদান মানে যা এই সব মেলে.
কি বলছে এই হয় আমি, হয় আপনি সবকিছু মেলে চান
আমি চাই some-- মধ্যে আপনি একটি নির্বাচক খুঁজে.
এবং তারপর যে মধ্যে, আমি চাই আপনি নতুন জিনিস মেলে.
রাইট?
তাই CSS এর মধ্যে, এটা সব সম্পর্কে সাজানোর এই আইটেম মেলে করতে পারবেন.
এবং যদি আপনি মেলে করার চেষ্টা করতে পারেন অন্যান্য আইটেম মধ্যে আইটেম.
>> তাই এর আসলে একটি উদাহরণ না দেওয়া, এবং আমরা যে শোধন করা হবে না.
সুতরাং আসুন আমরা বিশেষ আছে জাহির করা যাক, বিশেষ চমত্কার, যাই হোক না কেন.
এবং তারপর আমরা ঠিক আছে, একটি লিঙ্ক আছে?
সুতরাং একটি একটি লিঙ্ক, মনে রাখবেন.
এটা কোথাও যেতে হবে না.
এবং আমরা তা দিতে যাচ্ছেন বর্গ লিঙ্ক, আমি অনুমান.
এটা দিতে আমার একটি ধারণা দিতে ক্লাসে.
Allison BUCHHOLTZ-অস্ট্র: কুল.
TOMAS রাইমারুস: আসুন Coo-- এটা বেশ বর্গ যান.
কেন নয়?
>> Allison BUCHHOLTZ-অস্ট্র: ঠিক আছে.
TOMAS রাইমারুস: তাই ডান এখন সুন্দর জিনিস
পটভূমি করতে যাচ্ছি স্যামন নীল, ব্যাকগ্রাউন্ড রং.
যে জ্ঞান করে তোলে.
এবং আমরা এই কি যদি
>> Allison BUCHHOLTZ-অস্ট্র: আপনি টেক্সট যোগ করতে চান না
তাই হাইপারলিংক আসলে দেখায়?
TOMAS রাইমারুস: যে একটি ভাল কল করা হবে.
Allison BUCHHOLTZ-অস্ট্র: 'কারণ ডান এখন আমরা কিছুই পাবেন করত শুধু করছি.
TOMAS রাইমারুস: সুতরাং এই একটি লিঙ্ক.
"এটি একটি লিঙ্ক."
ওহ, এবং এই যাচ্ছে অন্য লিংক হতে.
এটা বর্গ দিতে যাক "শান্ত."
আপনি ঠিক.
কুল.
তাই এখন আমরা এই দখল করতে যাচ্ছেন.
আমরা এক নিক্ষেপ করতে যাচ্ছেন.
আমরা এক আছে বিশেষ ট্যাগ, এবং আমরা
সুন্দর ট্যাগ এক আছে যাচ্ছি.
এবং ডান এখন আমরা করতে যাচ্ছেন কি না আমরা cool-- করতে যাচ্ছেন করা হয়
কি আমরা এটা করতে চান?
Allison BUCHHOLTZ-অস্ট্র: আমরা এটি বৃহত্তর করা যাবে না?
TOMAS রাইমারুস: এটা একটি সীমানা দিতে.
Allison BUCHHOLTZ-অস্ট্র: আমরা সীমান্তে পারে.
TOMAS রাইমারুস: হ্যাঁ.
তাই আমরা কিছু করতে যাচ্ছেন মত, সীমানা হচ্ছে ÑÑ এবং আমরা
সব একটি দ্বিতীয় মধ্যে এই ব্যাখ্যা করা যাচ্ছে.
Now-- জন্য
>> Allison BUCHHOLTZ-অস্ট্র: বক্স মডেল করুন.
TOMAS রাইমারুস: কিন্তু এখন জন্য, আমরা করছি শুধু এটি একটি সীমান্ত দিতে যাচ্ছে.
তাই কি এর মানে হল যে আপনি হয় এই লিঙ্ক দেখতে যাচ্ছে.
এবং যদি আপনি যে তারা আছে দেখতে যাচ্ছেন এই মত, কুশ্রী কালো সীমানা, যা
শান্ত.
>> Allison BUCHHOLTZ-অস্ট্র: আমাদের ওয়েবসাইট তাই সুন্দর.
>> TOMAS রাইমারুস: হ্যাঁ.
আমাদের ওয়েবসাইট সন্ত্রস্ত.
সুতরাং এই দুটি লিঙ্ক আছে, এবং তারা প্রদর্শিত হবে.
এখন আমি জাহির করা যাক শুধুমাত্র এই কাজ করতে চেয়েছিলেন
এটা কিছু মধ্যে ছিল না যদি যা স্যামন একটি পটভূমি ছিল.
তাই এই এক মনে রাখবেন, যে , স্যামন একটি পটভূমি আছে
এটা বেশ বর্গ কারণ.
>> কিন্তু আমরা শুধু কে শীতল বলতে চাই ক্লাসে ক্লাসে, বিশেষ না, যা
সুন্দর, যে সীমান্ত থাকা উচিত.
ওয়েল, আপনি কি করতে পারেন আপনি .cool, .special, স্থান বলতে পারেন.
আপনি কি মনে করেন এবং যে যখন, কি করছে এটি সম্পর্কে, এটি মূলত বলছে এর,
ঠিক আছে, আমাকে সবকিছু খুঁজে যে বিশেষ মেলে.
তারপর যারা ট্যাগ মধ্যে, খুঁজে শীতল যে আমার সবকিছু.
Allison BUCHHOLTZ-অস্ট্র: তাই অন্য উপায় যে, এই নিয়ে চিন্তা করা হতে পারে
সি ফিরে এটি আনয়ন, হয় শুধু সুযোগ মত.
তাই আপনি যদি কিছু আছে যখন বেশী ভালো নির্বাচক,
আমরা এই আগে কাজ করছি যে, আপনার সম্পূর্ণ ওয়েব পৃষ্ঠা, আপনার HTML এর সব
ঠিক আছে, আপনার সুযোগ মধ্যে হয়?
কিন্তু আমরা এই আছে যখন পিতা বা মাতা সন্তান সম্পর্ক,
আপনি নিচে যেখানে সংকীর্ণ করছি, যেমন যদি এটা আপনি যদি একটি নির্দিষ্ট জায়গা খুঁজছেন
যেমন যদি মত, আমরা মধ্যে খুঁজছেন একটি নির্দিষ্ট ফাংশন পরিবর্তে
আমাদের সম্পূর্ণ ফাইল.
শ্রোতা: হবে, মন যে তাই আমরা changed-- ছিল এটি গুরুত্বপূর্ণ আছে
Allison BUCHHOLTZ-অস্ট্র: অর্ডার?
শ্রোতা: CSS এর মধ্যে --the বর্গ স্থান .cool করার জন্য, .special?
Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ, কারণ তাহলে যে
সুযোগ এটা বলতে হবে, শীতল আছে সবকিছু,
এবং তারপর কি has-- তাকান আমি, এই ক্ষেত্রে, মত, মানে
আমি এটা পরিবর্তন করা হয়েছে তা মনে করি না.
>> TOMAS রাইমারুস: আমরা কি বলেন ছিল?
দুঃখিত.
>> Allison BUCHHOLTZ-অস্ট্র: আমরা যদি এটা তারপর ঠান্ডা এবং সুযোগ
বিশেষ জিনিষ খুঁজে জন্য চেহারা, এটা আসলে, একই হতে হবে.
>> TOMAS রাইমারুস: এটা হবে না.
>> Allison BUCHHOLTZ-অস্ট্র: এটা না?
ওহ ভাল, ওহ.
আমি ভুল করছি.
>> TOMAS রাইমারুস: তাই কারণ এটা different-- সাধারণ mistake-- এর
যে অধিকার এখন শুধুমাত্র লিংক অধিকার, শান্ত আছে?
আপনি যদি না হয় আমি, আমার প্রশ্ন অনুমান এই পৃষ্ঠায় কি .cool দ্বারা মেলানো হয়?
দুই ট্যাগ অধিকার, এখানে আছে?
যা এই এক এবং এই এক.
উভয় শীতল মেলে.
অন্য কিছুই না.
তাই আপনি যদি বলেন, তাহলে .cool, স্থান, .special, আপনি বলতে যাচ্ছেন কি,
এই ট্যাগ মধ্যে, বিশেষ?
Allison BUCHHOLTZ-অস্ট্র: HM.
এটা কি এটিকে ঠিক.
এটা এখানে শুধু কিছু ভালো কারণ.
>> TOMAS রাইমারুস: সুতরাং এটা কিছুই নির্বাচন করা হয়.
>> Allison BUCHHOLTZ-অস্ট্র: যেহেতু বিশেষ, আমরা এখানে এই ট্যাগ মধ্যে আছেন.
>> TOMAS রাইমারুস: যারা এবং যারা.
শ্রোতা: ঠিক আছে.
তাই এগিয়ে থেকে যারা ট্যাগ কাট?
>> TOMAS রাইমারুস: হ্যাঁ.
যে জানার জন্য?
কিভাবে এটি মূলত এর সুযোগ সংকীর্ণ করার চেষ্টা করছে.
Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ.
আমি যে সম্ভবত মনে করি সবচেয়ে সহজ পদ্ধিতি হল উপায় এটা সম্পর্কে চিন্তা করার.
>> TOMAS রাইমারুস: সুতরাং আমরা এই পাওয়া গেছে, এবং আমরা এই উভয় বিশেষ মিলেছে পাওয়া যায় নি.
এবং তারপর আমরা মধ্যে, বলছি এই না, শান্ত কি?
এবং এই এক, এই এক এর ছবি মধ্যে.
এই এক মধ্যে, কিছুই শান্ত.
তাই এই যে অবশেষ শুধুমাত্র ট্যাগ.
>> Allison BUCHHOLTZ-অস্ট্র: শীতল যেহেতু ঠিক আছে এই একটি ট্যাগ মধ্যে.
TOMAS রাইমারুস: ঠিক.
এবং যারা মধ্যে বিশেষ কি?
কিছুই নেই.
এখন, আমি বলতে হবে কি কোন স্থান ছিল,
আপনি শান্ত এবং special-- কি বলছি বা ডান, সুন্দর এবং বিশেষ কি?
আপনি .special.pretty বলে, যে .pretty.special হিসাবে একই.
>> স্থান অপসারণ কি কারণ আপনি .special বলে যখন, জিজ্ঞাসা,
আপনি, ঠিক আছে, বলছি কোনটি বিশেষ?
এবং তারপর, যারা যা বেশী সুন্দর হয়,
যা ব্যাকরণগতভাবে, একই, জিজ্ঞাসা হিসাবে, সুন্দর কি,
এবং তারপর যারা, বিশেষ এছাড়াও কি?
রাইট?
এটা পার্থক্য কি কি মধ্যে.
শ্রোতা: ঠিক আছে.
TOMAS রাইমারুস: হ্যাঁ.
জট্টিল.
Then-- মন যে তাই
>> Allison BUCHHOLTZ-অস্ট্র: আমি আমাদের শেষ মনে জিনিস (অভিনব ব্রিটিশ অ্যাকসেন্ট) হয়
বক্স মডেল.
>> TOMAS রাইমারুস: box-- [Chuckles] আমি Allison বলছেন যে ভালোবাসি.
বক্স মডেল জিনিস তাই.
>> Allison BUCHHOLTZ-অস্ট্র: শুধু আছে একটি বাক্স, আমি আপনার বাক্স মডেল হবেন.
TOMAS রাইমারুস: তাই এর যে সম্পর্কে কথা বলুন.
তাই এখন আমরা অনেক সময় ব্যয় করেছি সময় নির্বাচকদের সম্পর্কে কথা বলা.
এখন, আপনি যদি না চান, সম্ভবত হয়, আপনি কি জানেন selectors-- কর্তা,
ঠিক কন্টেন্ট নির্বাচন কিভাবে যে আপনি আপনার পর্দায় নিপূণভাবে চান.
>> তাই এখন প্রশ্ন, কিভাবে হয় ঠিক আপনি এটি করতে পারেন নিপূণভাবে?
তাই আমি সবচেয়ে মৌলিক অনুমান যে আমার মনে উপায়
ভাল, কি ঠিক হয়, CSS এর মধ্যে একটি উপাদান?
আমরা অনেক সময় ব্যয় করেছি যে বিষয়ে কথা বলছি, একটি ট্যাগ কি,
বা অধিকাংশ মৌলিক কি একটি ট্যাগ এর উপস্থাপনা?
>> আমার মনে হয় একটি ভাল উপায় যে, স্যামন কি আকৃতি?
, মত, কি আকৃতি পটভূমি স্যামন রঙের?
>> শ্রোতা: এটি একটি আয়তক্ষেত্র না.
>> TOMAS রাইমারুস: এটা ঠিক আছে, একটি আয়তক্ষেত্র আছে?
>> Allison BUCHHOLTZ-অস্ট্র: একটি কৌতুক প্রশ্ন ছিল না.
[হাস্য]
>> TOMAS রাইমারুস: চেষ্টা নেই এই দেরী আপনাকে বলছি রত.
সুতরাং আমরা এই আয়তক্ষেত্র আছে.
এবং ট্যাগ পি, ডান?
সুতরাং যে আমাদের ভাল দেয় অনুচ্ছেদ যে বিশ্বাস
, একটি আয়তক্ষেত্র হিসাবে প্রতিনিধিত্ব করা হয় ব্রাউজারের মন, অন্তত যা
এটা.
>> Allison BUCHHOLTZ-অস্ট্র: আমি বলতে চাচ্ছি, ব্রাউজার, সাধারণত আয়তাকার
তাই এটা জ্ঞান করে তোলে.
>> TOMAS রাইমারুস: ধারণা এখানে CSS এর মধ্যে ট্যাগ সমস্ত যে
একটি আয়তক্ষেত্র হিসাবে প্রতিনিধিত্ব করা হয়.
এবং প্রতি আয়তক্ষেত্র চার আছে সিএসএস অনুযায়ী অংশ, ঠিক আছে?
আপনি প্রকৃত কন্টেন্ট আছে.
টেক্সট মিথ্যা যে যেখানে.
>> Allison BUCHHOLTZ-অস্ট্র: হয়তো আপনার ছবি.
>> TOMAS রাইমারুস: হ্যাঁ.
আপনি যা প্যাডিং আছে সাদা স্থান ঠিক কিছু.
তারপর আপনি একটি সীমানা আছে.
এবং তারপর আপনি, মার্জিন আছে যা যে বাইরে সাদা স্থান.
যে কোন অর্থে তোলে তাই যে কেউ, তাই আমরা করছি
একটি দ্বিতীয় জন্য যে বিষয়ে কথা বলতে যাচ্ছেন.
সুতরাং এখানে ডান, আমরা কি করতে যাচ্ছেন কি আমরা ঠিক আছে, কিছু divs তৈরি করতে যাচ্ছেন করা হয়?
আমার যখন মাফ করবেন I--
>> Allison BUCHHOLTZ-অস্ট্র: আমি মনে করেন আমরা একটি ছবি ছবি করা উচিত.
>> TOMAS রাইমারুস: আমরা স্পষ্টভাবে উচিত.
>> Allison BUCHHOLTZ-অস্ট্র: আমি সবার মত মনে
একটি থেকে উপকৃত হতে পারে ছবি ছবি, সব.
>> TOMAS রাইমারুস: পারি আমরা ছাগু karigor.com থেকে সব সুবিধা
>> শ্রোতা: হ্যাঁ, অবশ্যই.
TOMAS রাইমারুস: ঠিক আছে, শান্ত.
সুতরাং আমরা একটি ছবি করা উচিত কোথাও ছবি.
Allison BUCHHOLTZ-অস্ট্র: আমি একটি মত মনে ছবি শশ অধিকার এখন বন্ধ করা হবে.
TOMAS রাইমারুস: অবশ্যই.
Allison BUCHHOLTZ-অস্ট্র: সপ্তাহের শেষ.
কিছু আছে adorab--
>> TOMAS রাইমারুস: কিভাবে একটি বিড়ালছানা টেকার?
>> Allison BUCHHOLTZ-অস্ট্র: একটি বিড়ালছানা, খুব কাজ করে.
>> TOMAS রাইমারুস: কুল, কারণ যে জন্য একটি সাইট আছে.
এটা PlaceKitten বলা হচ্ছে.
Allison BUCHHOLTZ-অস্ট্র: দারুণ.
TOMAS রাইমারুস: হ্যাঁ.
Allison BUCHHOLTZ-অস্ট্র: শুধু ভালো, জন্য, আপনার ওয়েব সাইটে স্থানধারক ইমেজ.
TOMAS রাইমারুস: মিমি-এইচ এম.
PlacePuppy এছাড়াও আছে.
এবং PlaceBacon আছে.
>> Allison BUCHHOLTZ-অস্ট্র: PlaceBacon?
সত্যিই?
>> TOMAS রাইমারুস: ওহ, আমরা কি না এখানে ইন্টারনেট এক্সেস আছে.
>> Allison BUCHHOLTZ-অস্ট্র: [GROANS]
দুঃখজনক.
TOMAS রাইমারুস: অন্যথা, আমি আপনাকে বলছি দেখাতে হবে
কিভাবে আপনার ওয়েব সাইটে ইমেজ রাখা.
আমরা এই পেতে চেষ্টা করে যাচ্ছেন আমরা যেতে হবে আগে কাজ.
কিন্তু এখন জন্য, আমরা ঠিক করছি তারপর রং কথা বলতে যাচ্ছি.
আমরা kittens-- ছবি লাগাতে চান
>> Allison BUCHHOLTZ-অস্ট্র, আমরা তো.
>> TOMAS রাইমারুস: --the ইন্টারনেট এর মুহূর্ত জন্য নিচে হচ্ছে.
তাই আমরা দুটি divs আছে, এবং আমরা করছি তাদের দুই আইডি দিতে যাচ্ছে.
আমরা এটা কল চলুন "প্রথম" এবং "দ্বিতীয়."
তাই আইডি = "প্রথম."
এবং আমরা তাদের দুটি রং দিতে যাচ্ছেন.
তাই আমরা কিছু নির্বাচন করবেন কিভাবে "প্রথম" এর একটি আইডি দিয়ে?
Allison BUCHHOLTZ-অস্ট্র: ডট অথবা হ্যাশ?
শ্রোতা: শার্প.
TOMAS রাইমারুস: আকস্মাত্, নিখুঁত.
শার্প, হ্যাশ, যাই হোক না কেন we--
>> Allison BUCHHOLTZ-অস্ট্র: জিনিষ প্রচুর কল.
>> TOMAS রাইমারুস: ঠিক আছে.
আমরা হ্যাশট্যাগ উপর বসতি স্থাপন করতে যাচ্ছে, এবং করছি যে আমরা সঙ্গে যেতে চলুন.
ঠিক আছে?
>> Allison BUCHHOLTZ-অস্ট্র: হ্যাশট্যাগ.
>> TOMAS রাইমারুস: তাই হ্যাশট্যাগ প্রথম.
>> Allison BUCHHOLTZ-অস্ট্র: তাই আপনি seminar-- কিচ্কিচ্ করতে পারেন
হ্যাশট্যাগ সিএসএস, শীতল হ্যাশট্যাগ.
TOMAS রাইমারুস: হ্যাশট্যাগ বিস্ময়তাকে.
Allison BUCHHOLTZ-অস্ট্র: হ্যাশট্যাগ বিস্ময়তা, হ্যাঁ.
TOMAS রাইমারুস: ঠিক আছে.
তাই আমরা "প্রথম" এবং "দ্বিতীয়." আছে
সুতরাং প্রথম, আমরা আছে চলুন লাল একটি পটভূমির রঙ.
Allison BUCHHOLTZ-অস্ট্র: আহ, কোলন.
TOMAS রাইমারুস: হ্যাঁ.
Allison BUCHHOLTZ-অস্ট্র: আমি আপনার স্পট পরীক্ষক হবেন.
TOMAS রাইমারুস: Allison এর সম্পর্কে পেয়েছিলাম.
Blue-- পৃষ্ঠভূমি রঙ
>> TOMAS রাইমারুস: বেগুনি!
>> TOMAS রাইমারুস: বেগুনি.
Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ.
বেগুনি এর আমার প্রিয় রঙ, এবং আমরা এখনো এটি ব্যবহার করেন নি.
>> TOMAS রাইমারুস: ভায়োলেট.
Allison BUCHHOLTZ-অস্ট্র: ভায়োলেট.
যে কাজ করে.
>> TOMAS রাইমারুস: তাই আমরা করছি দুই divs আছে যাচ্ছে.
তারা সম্পূর্ণই খালি হতে যাচ্ছেন.
আমরা সম্ভবত কিছু লেখা থাকা উচিত.
তাই "প্রথম" হতে যাচ্ছে "হ্যালো."
এবং "দ্বিতীয়" বলতে হবে
>> Allison BUCHHOLTZ-অস্ট্র: গুডবাই.
>> শ্রোতা: - "দুনিয়া."
বিদায়, হ্যালো.
Allison BUCHHOLTZ-অস্ট্র: আমি দেখেছি কনসার্টের মধ্যে তাদের অন্যান্য সপ্তাহ.
TOMAS রাইমারুস: দ্য বিট্লস?
Allison BUCHHOLTZ-অস্ট্র: দেশের জন্য.
তারা যে মহান না.
আমি এটা পছন্দ করবেন না.
>> TOMAS রাইমারুস: আমরা "হ্যালো" এবং "গুডবাই."
এবং আবার, সিএসএস, শুধু সন্ত্রস্ত এটা আমাদের রং স্বীকার করে, কারণ.
এমনকি প্রয়োজন হবে না তারা যে বিদ্যমান চিন্তা.
তারা না.
>> Allison BUCHHOLTZ-অস্ট্র: তারা বিদ্যমান.
>> TOMAS রাইমারুস: তাই সিএসএস আমি আছে মনে হয় 255 শব্দের রঙ সম্পর্কে কথা বলার জন্য.
আপনি বাইরে একটি রং মনে করতে পারেন, যারা 255, মত, আমি অঙ্কিত করা হবে.
Allison BUCHHOLTZ-অস্ট্র: হ্যাঁ.
আমি আপনাকে বলছি থাকতে পারে মনে শুধু ডান পরে আসা.
>> TOMAS রাইমারুস: তাই এখানে, আপনি আমরা দুটি বক্স আছে দেখতে পাবেন
অধিকার প্রতিটি অন্যান্য, ডান উপরে?
হ্যালো এবং বিদায়.
>> Allison BUCHHOLTZ-অস্ট্র: তাদের মধ্যে কোনো স্থান নেই.
তারা শুধু smooshed করছি ডান একে অপরের উপর.
>> TOMAS রাইমারুস: তাই প্রথম জিনিস আমি মনে করি আমরা সম্পর্কে কথা বলা উচিত অনুমান
এছাড়াও হাঁ বলতে দেওয়া হয়.
তাই সিএসএস বাক্সে কেমন হিসাবে তাদের প্রতিনিধিত্ব করে.
এবং বক্স, তারা কন্টেন্ট আছে.
এবং কন্টেন্ট ডান এখন ধরণের হ্যালো বা বিদায় এবং যে এটি.
ঠিক আছে?
>> প্রথম জিনিস এক সুতরাং আপনি কি করতে পারেন আপনি প্যাডিং যোগ করতে পারেন.
প্যাডিং কতটা স্থান বলেছেন এটা প্রতিটি পাশ দিয়ে ছেড়ে দেওয়া উচিত.
তাই আমি বলতে চাই বলা যাক প্রতিটি পাশ 10 পিক্সেল.
এবং আমি একটি দ্বিতীয় যে ব্যবচ্ছেদ হবে.
Allison BUCHHOLTZ-অস্ট্র: এখানে এই সমস্ত জিনিস
পিক্সেল বেশিরভাগই হতে যাচ্ছে সেমিনারে বাকি জন্য.
আপনি যে এটা আছে দেখতে যাচ্ছেন এটি প্রায় কিছু স্থান, ডান?
সুতরাং আপনি এখানে দেখতে না কি আছে হয় প্যাডিং এই অদৃশ্য সাজানোর
মত, যা বলছেন প্রতিটি পাশ দিয়ে, উপর, ঠিক আছে, আপনি content-- আপনার বক্স আছে
>> Allison BUCHHOLTZ-অস্ট্র: আপনি কি করতে চান শুধু পরিদর্শন উপাদান টান আপ?
>> TOMAS রাইমারুস: হাঁ, যে একটি ভাল ধারণা.
Allison BUCHHOLTZ-অস্ট্র: উপরন্তু, আমি খুঁজে পরিদর্শন উপাদান একটি ভাল উপায় যে
কিছু যাচ্ছে যদি চিন্তা করা ভুল, অপ্রত্যাশিত কিছু ঘটে,
ট্যাগ পরিদর্শন এবং এইজন্য কি মুছে ফেলা সহায়ক মত এটি.
>> TOMAS রাইমারুস: তাই আমি নিশ্চিত না আপনি কি না এই রঙ দেখতে পারেন.
আপনি করতে পারেন?
আপনি এই প্যাডিং দেখতে পাবেন প্রান্ত ধরণের উপর.
এবং তারপর আপনি প্রকৃত দেখতে নীল বিষয়বস্তু, ডান?
সুতরাং যে খুব এর বক্স মডেল বুনিয়াদি.
আপনি কন্টেন্ট আছে.
তারপর আপনি প্যাডিং আছে.
>> শ্রোতা: কেন আপনি শুধু না the-- ভিতরে বক্স ব্যবহার
>> Allison BUCHHOLTZ-অস্ট্র: রাইট.
এটা শুধু নির্বাচন কারণ এখন ডান উপাদান.
>> TOMAS রাইমারুস: হ্যাঁ.
অন্যান্য বিষয়.
তাই এর যে সম্পর্কে কথা বলুন একটি দ্বিতীয় জন্য প্যাডিং কমান্ড.
সিএসএস, পরিমাপ তাই একটি ইউনিট প্রয়োজন আছে.
তাই প্রথমে আপনি পরিমাণ আছে.
তাই এই ক্ষেত্রে, আমরা 10 বলেছেন করেছি.
এবং তারপর পরবর্তী এক বলেন করেছি আমরা পিক্সেল, px.
আপনি থাকতে পারে অন্যান্য বেশী সেন্টিমিটার ইঞ্চি ভালো জিনিস.
আপনি ভীষণ পছন্দ করতে পারেন, 10 ইঞ্চি কি?
এবং এটা হাস্যকর হতে যাচ্ছে.
>> Allison BUCHHOLTZ-অস্ট্র: ওহ, ছেলে.
>> শ্রোতা: আরে.
>> TOMAS এবং Allison: হ্যাঁ.
TOMAS রাইমারুস: সুতরাং যে সব প্যাডিং এর.
আমি পিক্সেল ফিরে যেতে চলেছি.
>> Allison BUCHHOLTZ-অস্ট্র: পিক্সেল মান, মত, হতে থাকে.
আপনি ওয়েবসাইটের অনেক তাকান, তারা বেশিরভাগই পিক্সেল কাজ.
TOMAS রাইমারুস: তাই আপনি যদি দেখতে যাচ্ছেন হয় আপনি দেখতে অন্যান্য বেশী pixels--
এক ই.এম. হয়, যা ই.এম. হয় ফন্ট উচ্চতার সমান
যা আপনি বর্তমানে ব্যবহার করছেন.
>> Allison BUCHHOLTZ-অস্ট্র: মিমি.
TOMAS রাইমারুস: এটা বলে, একটি ভাল উপায় মত, আমি আমার ফন্ট হিসাবে হিসাবে অনেক জায়গা চান
গ্রহণ করা হয়.
Allison BUCHHOLTZ-অস্ট্র: কি জানে না যে.
আপনি নতুন কিছু শিখতে প্রতিদিন.
TOMAS রাইমারুস আছে: একটি সি এস এ পরিমাপ অনেক.
আমি আপনাকে তাদের সন্ধান সুপারিশ.
আপনার সব ক্ষেত্রে, আমি মনে করি পিক্সেল যথেষ্ট হতে হবে.
এবং তারা কি আপনি দেখতে যাচ্ছেন
অনলাইন সম্পন্ন উদাহরণ সংখ্যাগরিষ্ঠ.
সুতরাং আমরা পিক্সেল এ ছেড়ে দেব.
>> আপনি, আমি তাই বলতে পারে এবং করা উচিত প্যাডিং সেট paddings সব.
আপনি ভালো কিছু করতে পারেন শুধু set-- থেকে "প্যাডিং টপ"
Allison BUCHHOLTZ-অস্ট্র: হয়তো আমরা আমাদের "হ্যালো" ফিরে পাবেন.
TOMAS রাইমারুস: ঠিক সেট --to শীর্ষ এবং অন্য কিছুই প্যাডিং.
তাই চার কমান্ড প্যাডিং টপ হয়, প্যাডিং-নীচে, প্যাডিং বাম,
এবং প্যাডিং-অধিকার.
>> Allison BUCHHOLTZ-অস্ট্র: শুধু ভালো আপনি একটি বক্স আশা করবে.
>> TOMAS রাইমারুস: হ্যাঁ.
কিছুই নেই খুব পাগল.
যে জানার জন্য?
সুতরাং যে প্যাডিং.
আমি সব সেট করা যাচ্ছে না ফিরে 10 paddings.
এবং তারপর আমি সীমান্ত উপর সরানো যাচ্ছে না.
>> তাই কি সীমান্ত হয় সীমান্ত একটি অদ্ভুত কমান্ড এর.
এটা একযোগে তিনটি জিনিস সাজানোর সময় লাগে.
তাই প্রথমে আপনি কিভাবে বড় হয় এটি একটি পরিমাপ হতে চান.
আবার, আমি শুধুমাত্র পিক্সেল ব্যবহার করছি.
এবং শেষ জিনিস আমি পরিমাপ যোগ করা উচিত
এক জিনিস, যা একটি ইউনিট প্রয়োজন হবে না 0.
এটা আসলে ভুল এর 0 একটি ইউনিট দিতে,
0 0 ইঞ্চি জুড়ে, কারণ পিক্সেল, সেন্টিমিটার, যাই হোক না কেন.
এটা সব ঠিক ঠিক, 0 মানে?
তাই প্রথমে আপনি এটা পরিমাপ দিতে.
>> তারপর আপনি এটি শৈলী দিতে.
তাই আমি বলতে যাচ্ছি "কঠিন."
এবং আমরা কি যে মানে সম্পর্কে কথা বলতে পারবেন.
এবং তারপর সর্বশেষে, আপনি এটি একটি রং দিতে.
তাই আমি বলতে যাচ্ছি "কালো."
এবং এই আমরা সব জিনিস এখন শৈলী ছাড়া, আগে দেখা,
কিন্তু আমরা যে বিষয়ে কথা বলতে পারবেন.
তাই আপনাকে বলছি পরিমাপ দেখা যায়, এবং আপনি রং দেখা করেছি.
এবং কি আমরা এই পেতে হয় এটি প্রায় চমৎকার কালো সীমানা, ডান?
আমরা যে কিভাবে আপনি না দেখতে?
>> শ্রোতা: হ্যাঁ.
>> TOMAS রাইমারুস: কুল.
তাই কি?
সুতরাং প্রথম সব, এটি এক পিক্সেল এর.
এটা ঠিক, যথেষ্ট স্বত: সিদ্ধ হয়?
ভালো লেগেছে, এটা এক পিক্সেল পুরু.
অথবা এটা এক পিক্সেল হতে হবে, কিন্তু আমি নই এটি একটি সামান্য বিট আরো, তাই জুম
যে এর চেয়ে.
>> Allison BUCHHOLTZ-অস্ট্র: এবং আমরা এই হাস্যকর রেজল্যুশন টিভি.
>> TOMAS রাইমারুস: হ্যাঁ.
আপনি এটি বড় করতে পারেন, ছোট, যাই হোক না কেন.
তাই এখানে একটি দুই-পিক্সেল সীমানা এর.
আপনি এটা পুরু দুবার হিসাবে দেখতে পাবেন.
আপনি পরবর্তী জিনিস রঙ.
যে আকর্ষণীয় নয়.
আমি কথা বলতে যাচ্ছি না সত্যিই, যে সম্পর্কে.
>> Allison BUCHHOLTZ-অস্ট্র: কিন্তু শৈলী শুধু একটু আকর্ষণীয় হতে পারে.
>> TOMAS রাইমারুস: হ্যাঁ.
শৈলী তাই, কয়েক বেশী আছে আমি সাধারণভাবে ব্যবহৃত দেখতে যে.
প্রথম এক এর কঠিন, পরবর্তী এক ডটেড, এবং গত এক এর ড্যাশ.
এবং এখানে ডটেড হয়.
আপনি যে তারা দেখতে পাবেন বিন্দু একটি গুচ্ছ, ডান?
সাজানোর একটি চমৎকার সীমান্ত পেতে একটি ভাল উপায় যাচ্ছে, ড্যাশ এছাড়াও বেশ জনপ্রিয়.
>> Allison BUCHHOLTZ-অস্ট্র: এবং তারপর অবশ্যই, আমি
নিশ্চিত অন্যান্য প্রচুর আছে আপনি পেতে পারেন যে শৈলী.
এবং আমরা একটি মহান সেট আছে আপনার জন্য বলছি শেষে লিঙ্ক
ধরনের পড়া এবং আরও শীতল সিএসএস তাকান.
>> TOMAS রাইমারুস: এবং তারপর শেষ জিনিস, আমরা করছি
সম্পর্কে কথা বলতে যাচ্ছি বক্স মডেল বাস্তব দ্রুত.
ওহ, এবং তারপর সীমানা, ঠিক প্যাডিং মত,
আপনি ভালো জিনিস আছে সীমান্ত-বাম, সীমানা-ডান, সীমানা টপ,
সীমান্ত-নীচে, আপনি অনুমতি দেয়, যা একটি নির্দিষ্ট সীমান্তে পেতে.
তাই এখানে শুধু সীমান্ত বাম-এর সংজ্ঞা.
যে জ্ঞান করে তোলে না?
>> Allison BUCHHOLTZ-অস্ট্র: এটি একটি শীতল উপায় জিনিষ জোর দেওয়া বা যোগ করতে
বিভিন্ন উপাদানের মধ্যে লাইন.
TOMAS রাইমারুস: অবশ্যই.
সুতরাং যে আমাদের সীমানা এর.
এবং গত এক এর মার্জিন.
মার্জিন এর মত প্যাডিং এটা within-- না ছাড়া
Allison BUCHHOLTZ-অস্ট্র: এটা না আপনার উপাদান প্রায়
কিন্তু আসলে সমগ্র প্রায় বক্স আমরা এইজন্য করছি যে.
>> TOMAS রাইমারুস: হ্যাঁ.
Allison পুরোপুরি এটা বলেন.
এটা আপনার ভিতরে, মত, না উপাদান, এটি সম্পূর্ণ বক্স এর কাছাকাছি.
যে ভালো জিনিস মানে পটভূমি এটি প্রযোজ্য হবে না.
এবং এটি মূলত বলেছেন, মত, আমি কিছু চাই না
আমার জন্য এই অনেক স্থান.
এখানে মত তাই 10 পিক্সেল মার্জিন.
10 পিক্সেল মধ্যে তাই কিছুই আমার পাশে হতে হবে.
যে ধরনের তার স্থান কিন্তু ধরনের না.
সুতরাং যে খুব এর বক্স মডেল বুনিয়াদি.
যে জানার জন্য?
কুল, শান্ত.
Allison BUCHHOLTZ-অস্ট্র: জট্টিল.
তাই এখন আমি শুধু আমরা মনে করি আমাদের শান্ত সম্পদ আছে
আমরা আপনাকে বলছি নেব যে খুব দ্রুত মাধ্যমে.
এবং আমরা ভাল আসলে হবে, আমরা এখনো ইন্টারনেট আছে?
>> TOMAS রাইমারুস: চলুন শুরু করা যাক আমি up-- খুলতে পারেন কিনা দেখতে
আমাকে শুধু যদি দেখতে দিন আমি দ্রুত ইন্টারনেট পেতে পারেন
Allison কিছু যেনো যখন Allison সম্পর্কে কথা বলতে চায়.
Allison BUCHHOLTZ-অস্ট্র: তাই basically-- আমি না
আমি কি এই সময়ে বলতে পারেন কি কি জানি.
কিন্তু এই কিছু সত্যিই ভাল সম্পদ.
এই ওগুলো যে টমাস এবং আমি ব্যবহার করেছি
এবং আসলে আমরা যে এই জন্য ভেতর থেকে ব্যবহার করা হয়.
W3Schools এক যে আপনি বলছি আগে দেখা উচিত.
আমরা একটি জন্য এটি সুপারিশ CSS এর সঙ্গে জিনিস অনেক.
আমি এটা বলতে জানি আমার বিভাগে সব সময়.
>> মহান জিনিস হল যে এটি যে হয় CSS এর সঙ্গে জগাখিচুড়ি ধরনের আপনি করতে পারবেন
এবং পরিবর্তন দেখতে তাত্ক্ষণিকভাবে এই,
মত, ডবল-উইন্ডো যে এটা আছে দেখতে.
তাই আপনি যদি চিন্তা করতে হবে না আপনার নিজস্ব ওয়েব পেজ সেট আপ,
বা vhost সেট আপ আপনার স্থানীয় গৃহ সরঞ্জাম ও স্থানীয় হোস্ট,
এবং যে সব উপাদান কাজ পেয়ে.
এটা ঠিক পৃষ্ঠার মধ্যে এমবেড করা হয়.
>> এবং এটি এই সামান্য আছে পাঠ যে আপনি যা করতে পারেন
জানতে মধ্য দিয়ে যেতে নির্বাচকদের সম্পর্কে আরো,
অথবা সাধিত সম্পর্কে জানতে, আপনার ফন্ট, অথবা একটি পটভূমি, বা একটি চিত্র.
এবং যদি আপনি এই আছে ক্ষণিক ফলাফল যে আপনি
কোন কাজ করতে হবে না অন্যান্য ভেতর কাজ.
তাই আমি W3Schools ভালোবাসি.
এটা অবিশ্বাস্য.
এটা কাজ করছে?
>> TOMAS রাইমারুস: হ্যাঁ.
না, এটা না.
আপনি আমাকে চেষ্টা করতে চান এবং আমার কম্পিউটার পুনরায় আরম্ভ?
অথবা আমরা চাচ্ছি চান
>> Allison BUCHHOLTZ-অস্ট্র: আমি বলতে চাচ্ছি, ভাল, এই অনলাইন হতে হবে.
সকল স্লাইড অনলাইন হতে হবে.
তাই আমি ঠিক অত্যন্ত এই সুপারিশ করছেন.
>> এই মাত্র হিসাবে মহান একটি Cheat শীট মত.
এটা ঠিক সব মৌলিক আপনি যে কমান্ড.
আপনি যদি প্রথম যখন এটা মহান আপনার ওয়েবসাইট শুরু.
হতে পারে আপনি না, কারণ সব মধ্যে পেতে চান
বালুকাময় বাস্তব উকুনসম্পন্ন নকশা-ভারী জিনিস.
আপনি শুধু একটি উপায় এটি ফরম্যাট করতে হবে যে ধরনের ইন্দ্রিয় এবং ইচ্ছা করে তোলে
কিছু সময়ের জন্য না.
এবং যদি আপনি সত্যিই চান তা পেতে, আমি জানি
এই মত, এক টমাস এর প্রিয় রেফারেন্স.
আমরা এটা ব্যবহার করা হয়েছে ভেতর থেকে, এবং এটি কল্পিত এর.
এটা মজিলা থেকে বিকাশকারী এর.
>> TOMAS রাইমারুস: তাই মোজিলা হয় ফায়ারফক্স যারা.
এবং এটা শুধু তাদের নিজস্ব ডেভেলপার এর আমি মনে করি রেফারেন্স, যা সন্ত্রস্ত.
এবং এটি একটি বিস্ময়কর আছে সম্পদ তালিকা.
সুতরাং আমরা থাকতে
>> Allison BUCHHOLTZ-অস্ট্র: এবং তারপর গত নোট
যখন আপনি চেষ্টা করছেন আপনার ওয়েবসাইট ডিজাইন
জিনিস থেকে অনুপ্রেরণা আঁকা যে আপনি বেশ মনে হয়.
উপাদান পরিদর্শন, সোর্স কোড পরিদর্শন
সুপার সহায়ক হতে পারে চিন্তা করার চেষ্টা জন্য
কিভাবে আপনার নিজের ওয়েবসাইট শৈলী.
>> প্রায়শই, আমি ভাল মত মনে পথ, পরীক্ষা ছাড়াও,
শুধু তাকান হয় সুন্দর হয় যে.
আমি এটা ঠিক সত্যিই কঠিন খুঁজে আপনার নিজস্ব ধরনের জিনিস ডিজাইন,
বিশেষ করে প্রারম্ভে.
তাই ওয়েবসাইট তাকান দয়া করে আপনি এ খুঁজছেন ভোগ.
চিন্তা করা কি করে তাদের আপনি মর্মস্পর্শী.
এবং তারপর বিনা দ্বিধায় চেষ্টা করুন এবং যে প্রতিলিপি.
>> TOMAS রাইমারুস: রাইট.
এমনকি ওয়েবসাইটের মত ভালো, আপনি দেখতে পারেন
উপরের একটি div স্পষ্টভাবে আছে.
এবং তারপর আপনি মধ্যে অন্য div আছে এখানে, যা CSS বিস্ময়ে.
এবং তারপর আপনি এখানে সংযোগগুলি একটি গুচ্ছ আছে.
আপনি কি সত্যিই ঠিক পরিদর্শন যদি উপাদান, আপনি বাছাই করতে পারেন
ওয়েবসাইট কি দেখতে শুরু মত চেহারা, এবং কিভাবে আমি করতে পারেন
যদি আমি চেয়েছি যে পুনঃ.
যে জানার জন্য?
সুতরাং আমরা শুধুমাত্র তিন মিনিট বাকি আছে.
প্রশ্ন তাই?
তাদের কোনো?
হ্যাঁ.
>> শ্রোতা: রঙ জন্য আয়তক্ষেত্র, কিভাবে আপনি
আপনি এটি করতে চান না যদি থাকতে পুরো পৃষ্ঠা জুড়ে পারে যাচ্ছে
আপনি এটি শুধুমাত্র তরা করেছেন অর্ধেক পাতা বা শুধুমাত্র পাঠ্য?
>> TOMAS রাইমারুস: হ্যাঁ, একেবারে.
তাই আমাকে আসলে দেখতে দিন.
আমি দুই ধারনা আছে.
সুতরাং প্রথম সব, আপনি এছাড়াও শতকরায় ব্যবহার করতে পারেন.
>> শ্রোতা: সত্যিই?
>> Allison BUCHHOLTZ-অস্ট্র: তাই কিছু সন্ধান করার আপেক্ষিক অবস্থান হয়.
এটা কিছু যে আমরা মধ্যে পেতে সময় আছে না,
কিন্তু এটা আমি স্পষ্টভাবে কিছু আপনি যদি না চেক আউট সুপারিশ.
>> TOMAS রাইমারুস: তাই শতকরায়.
আমরা কিভাবে এটি তৈরি এবং দেখুন প্রস্থ মাত্র 50%?
Allison BUCHHOLTZ-অস্ট্র: আপনি যদি আসলে পিক্সেল সংখ্যা জানি,
আপনি যে ভাবে আরও ভালো হতে পারে.
আপনি এটি দিয়ে প্রায় বেহালা পারেন.
কিন্তু 50%.
আমরা আমাদের ব্রাউজার মাপ পরিবর্তন করতে হলে, এটা ছোট করা হবে.
>> TOMAS রাইমারুস: ভাল, এটা মূলত 50% ডান এখন, আমি মনে করি.
এর পরে মার্জিন 50%, এবং যে যোগ করা হয়েছে.
CSS এর quirks অনেক আছে.
তাই এখন এই হল পৃষ্ঠার প্রস্থ 50%.
কিন্তু আপনি 10 আছে মনে রাখবেন পিক্সেল প্রতিটি পাশ থেকে নেওয়া বন্ধ.
তাই আপনি যদি বিরুদ্ধে যে যেতে হয়, ব্রাউজারের বাম প্রান্ত,
তারপর, এটা 50% দেখাবে.
আমি বলেন আবার,, সিএসএস করতে পারেন অনুমান এবং চেক অনেক হতে.
ভালো লেগেছে, আপনি কিছু মনে হয় এক ভাবে আচরণ করতে যাচ্ছে,
কিন্তু এটি একটি সম্পূর্ণ ভিন্ন ভাবে আচরণ করে.
>> Allison BUCHHOLTZ-অস্ট্র: এবং আপনি শুধু, বুদ্ধিমতী পেতে
এবং আপনি শুধুমাত্র একটি ভাল পেতে এটা জন্য অনুভূতি হিসাবে আপনি স্থানান্তর বরাবর.
>> TOMAS রাইমারুস: এবং এটা খারাপ থেকে আরও খারাপ পায়.
তাই এটা সত্যিই একটি জাতি.
>> Allison BUCHHOLTZ-অস্ট্র: যে সুপার উত্সাহ.
আমরা তাদের সিএসএস পছন্দ করতে চান.
>> TOMAS রাইমারুস: সিএসএস সন্ত্রস্ত.
মনে রাখবেন যে,.
অন্য প্রশ্ন?
>> Allison BUCHHOLTZ-অস্ট্র: এক জিনিস.
অন্য কিছু?
কুল.
>> TOMAS রাইমারুস: জট্টিল.
>> Allison BUCHHOLTZ-অস্ট্র: আচ্ছা, আপনি যদি না, পরে কোনো প্রশ্ন থাকে,
আমরা সবসময় স্বাভাবিক হিসাবে প্রতি উপলব্ধ.
আপনি সম্ভবত কিছু দেখতে পাবেন চূড়ান্ত প্রকল্পের জন্য আমাদের
এবং স্পষ্টভাবে Hackathon এ.
>> TOMAS রাইমারুস: অবশ্যই.
এবং ন্যায্য এ.
>> Allison BUCHHOLTZ-অস্ট্র: এবং ন্যায্য এ.
ওহ.
>> TOMAS রাইমারুস: অপেক্ষায় থাকলাম আপনার awesome-- সব দেখা
>> Allison BUCHHOLTZ-অস্ট্র: আমরা দেখতে পাবেন আপনার সন্ত্রস্ত ওয়েবসাইটের সব
যে সুন্দর হতে হবে.
TOMAS রাইমারুস: আপনি সবসময় করতে পারেন , মত, ওয়েবসাইট দেখতে
তারপর, মত, ভাল CSS এবং ছিল CSS এর কাজ করার চেষ্টা না যারা মত.
Allison BUCHHOLTZ-অস্ট্র: এছাড়াও, অন্য জিনিস, তদন্ত করতে আরও একটি জিনিস
Bootstrapping হয়.
তাই বুটস্ট্র্যাপ মহান.
>> TOMAS রাইমারুস: গুগল যে যদি you--
>> Allison BUCHHOLTZ-অস্ট্র: গুগল এটা.
এটা অবিশ্বাস্য.
আপনি এটা পছন্দ করবেন.
এবং এখন আপনি একটি আছে CSS এর মৌলিক জ্ঞান,
এটি একটি আরো অনেক অর্থে করতে হবে.
জট্টিল.
ধন্যবাদ, বলছি.
>> TOMAS রাইমারুস: আপনাকে অনেক ধন্যবাদ.