ক্যাসকেডিং স্টাইল শীটস

উইকিপিডিয়া, মুক্ত বিশ্বকোষ থেকে

ক্যাসকেডিং স্টাইল শীট (সিএসএস-CSS) একটি স্টাইল শীট ভাষা জন্য ব্যবহৃত বর্ণনা উপস্থাপনা ডকুমেন্ট এর লেখা একটি মার্কআপ ভাষা.[১] ওয়েবপেজ স্টাইলশীটের মাধ্যমে অতিসহজেই ওয়েব পেজকে মনোগ্রাহী রুপে উপস্থাপন করা। এইচটিএমএল এর মাধ্যমে একটি ওয়েব পেইজ বাহ্যিক রুপ পায় আর সিএসএস-এর মাধ্যমে এর সৌন্দর্য পরির্পূণ্যতা লাভ করে। মূলত সিএসএস-এর ব্যবহারে পেইজ ডিজাইনিং প্রচুর সময় বাঁচে। ওয়ের ডিজাইনের দক্ষতা উপরের ধাপ উন্নত করতে চাইলে ক্যাসকডিং স্টাইলশীট (সিএসএস) Cascading Style Sheet (CSS) এর কোন বিকল্প নেই। সিএসএস একই ডকুমেন্ট একাধিকবার ব্যবহার হতে পারে এবং ডকুমেন্ট বিভিন্ন অংশে বিভিন্ন স্টাইলে ব্যবহার করা যেতে পারে। স্টালশীটের ব্যবহারে ডকুমেন্টর স্টাইল বদলে যাবে কিন্তু স্টাকচার একই থাকবে। একই স্টাইলশীট একাধিক পেজ কিংবা একাধিক স্টাইলশীট একই পেজ ব্যবহার করা যেতে পারে।

সিএসএস (CSS) ডিজাইন করা হয়, প্রাথমিকভাবে সক্রিয় করার বিচ্ছেদ ডকুমেন্টের বিষয়বস্তু থেকে নথি উপস্থাপনা সহ দিক, যেমন বিন্যাস, রং এবং ফন্ট.[২] এই বিচ্ছেদ উন্নত করতে পারেন, কন্টেন্ট অভিগম্যতা প্রদান, আরো নমনীয়তা এবং নিয়ন্ত্রণ স্পেসিফিকেশন এর উপস্থাপনা বৈশিষ্ট্য সক্রিয় একাধিক এইচটিএমএল পেজ শেয়ার করার জন্য বিন্যাস নির্দিষ্ট করে সংশ্লিষ্ট সিএসএস (CSS) এর মধ্যে একটি পৃথক .css ফাইল, এবং জটিলতা কমাতে এবং পুন্যরাবৃত্তি মধ্যে কাঠামোগত কন্টেন্ট.

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

পরিবর্তন গ্রাফিক ডিজাইন এর একটি ডকুমেন্ট (বা শত শত নথি) প্রয়োগ করা যেতে পারে, দ্রুত এবং সহজেই, সম্পাদনা করে কয়েক লাইন সিএসএস (CSS) ফাইল ব্যবহার করে, বরং পরিবর্তন করে মার্কআপ মধ্যে নথি.

সিএসএস (CSS) নির্দিষ্টকরণ বর্ণনা করে একটি অগ্রাধিকার প্রকল্প নির্ধারণ করা, যা শৈলী নিয়ম প্রযোজ্য যদি একের অধিক শাসনের বিরুদ্ধে ম্যাচ, একটি বিশেষ উপাদান. এই তথাকথিত নির্ঝর, অগ্রাধিকার (বা ওজন) গণনা করা হয় এবং নির্ধারিত নিয়ম, তাই যে ফলাফল হয় আন্দাজের.

সিএসএস বৈশিষ্ট্যের দ্বারা পরিচালিত হয় World Wide Web Consortium (W3C). ইন্টারনেট মিডিয়া টাইপ (MIME type) text/css নিবন্ধিত করা হয়, সাথে ব্যবহারের জন্য সিএসএস দ্বারা RFC 2318 (মার্চ ১৯৯৮). W3C পরিচালনা করে একটি বিনামূল্যে সিএসএস ভ্যালিডেশন সার্ভিস এর জন্য সিএসএস (CSS)-এর নথি.[৩]

স্যনট্যোক্স[সম্পাদনা]

সিএসএস একটি সহজ সিনট্যাক্স এবং ব্যবহার করে একটি সংখ্যা, ইংরেজি মূলশব্দ উল্লেখ করা নাম, বিভিন্ন শৈলী বৈশিষ্ট্য.

একটি স্টাইল শীট নিয়ে গঠিত একটি তালিকা নিয়ম. প্রতি রুল বা নিয়ম-সেট নিয়ে গঠিত এক বা একাধিক নির্বাচক, এবং একটি declaration block.

Pattern Matches CSS level in

which first defined

E an element of type E 1
E:link an E element being the source anchor of a hyperlink of which the target is not yet visited (:link) or already visited (:visited) 1
E:active an E element during certain user actions 1
E::first-line the first formatted line of an E element 1
E::first-letter the first formatted letter of an E element 1
.c all elements with class="c" 1
#myid the element with id="myid" 1
E.warning an E element whose class is "warning" (the document language specifies how class is determined) 1
E#myid an E element with ID equal to "myid" 1
E F an F element descendant of an E element 1
* any element 2
E[foo] an E element with a "foo" attribute 2
E[foo="bar"] an E element whose "foo" attribute value is exactly equal to "bar" 2
E[foo~="bar"] an E element whose "foo" attribute value is a list of whitespace-separated values, one of which is exactly equal to "bar" 2
E[foo|="en"] an E element whose "foo" attribute has a hyphen-separated list of values beginning (from the left) with "en" 2
E:first-child an E element, first child of its parent 2
E:lang(fr) an element of type E in language "fr" (the document language specifies how language is determined) 2
E::before generated content before an E element's content 2
E::after generated content after an E element's content 2
E > F an F element child of an E element 2
E + F an F element immediately preceded by an E element 2
E[foo^="bar"] an E element whose "foo" attribute value begins exactly with the string "bar" 3
E[foo$="bar"] an E element whose "foo" attribute value ends exactly with the string "bar" 3
E[foo*="bar"] an E element whose "foo" attribute value contains the substring "bar" 3
E:root an E element, root of the document 3
E:nth-child(n) an E element, the n-th child of its parent 3
E:nth-last-child(n) an E element, the n-th child of its parent, counting from the last one 3
E:nth-of-type(n) an E element, the n-th sibling of its type 3
E:nth-last-of-type(n) an E element, the n-th sibling of its type, counting from the last one 3
E:last-child an E element, last child of its parent 3
E:first-of-type an E element, first sibling of its type 3
E:last-of-type an E element, last sibling of its type 3
E:only-child an E element, only child of its parent 3
E:only-of-type an E element, only sibling of its type 3
E:empty an E element that has no children (including text nodes) 3
E:target an E element being the target of the referring URI 3
E:enabled a user interface element E that is enabled 3
E:disabled a user interface element E that is disabled 3
E:checked a user interface element E that is checked (for instance a radio-button or checkbox) 3
E:not(s) an E element that does not match simple selector s 3
E ~ F an F element preceded by an E element 3
সিএসএস অগ্রাধিকার প্রকল্প (সর্বোচ্চ থেকে সর্বনিম্ন)
অগ্রাধিকার CSS সোর্স টাইপ বিবরণ:
1 গুরুত্ব '!গুরুত্বপূর্ণ' টীকা মুছে ফেলা, আগের অগ্রাধিকার ধরনের
2 ইনলাইন একটি শৈলী প্রয়োগ করার জন্য একটি এইচটিএমএল এলিমেন্ট এইচটিএমএল এর মাধ্যমে 'শৈলী' অ্যাট্রিবিউট
3 মিডিয়া প্রকার একটি সম্পত্তি সংজ্ঞা প্রযোজ্য সব মিডিয়া ধরনের, যদি না একটি মিডিয়া নির্দিষ্ট সিএসএস সংজ্ঞায়িত করা হয়
4 ব্যবহারকারী সংজ্ঞায়িত সবচেয়ে ব্রাউজার আছে, বিশেষ ব্যবহারকারীদের জন্য সুযোগ বৈশিষ্ট্য: একটি ব্যবহারকারী নির্ধারিত CSS এর
5 নির্বাচক নির্দিষ্টতা একটি নির্দিষ্ট প্রাসঙ্গিক নির্বাচক (#শিরোনাম p) মুছে ফেলা জেনেরিক সংজ্ঞা
6 নিয়ম শৃঙ্খলা গত নিয়ম ঘোষণা করেছে, একটি উচ্চ অগ্রাধিকার
7 ঊর্ধ্বতন উত্তরাধিকার যদি একটি সম্পত্তি উল্লেখ করা না হয়, এটা থেকে উত্তরাধিকার সুত্রে প্রাপ্ত একটি মূল উপাদান
8 সিএসএস সম্পত্তি সংজ্ঞা HTML নথি CSS এর নিয়ম বা সিএসএস ইনলাইন শৈলী মুছে ফেলা একটি ডিফল্ট ব্রাউজার মান
9 ব্রাউজার ডিফল্ট সর্বনিম্ন অগ্রাধিকার: ব্রাউজার ডিফল্ট মান দ্বারা নির্ধারিত হয়, W3C এর প্রাথমিক মান উল্লেখ

CSS 3[সম্পাদনা]

Taxonomy and status of CSS3 modules.    ● Recommendation    ● Candidate Recommendation    ● Last Call    ● Working Draft.
Summary of main module-specifications[৪]
Module Specification title Status Date
css3-background CSS Backgrounds and Borders Module Level 3  Candidate Rec. 000000002014-09-01-0000Sep 2014
css3-box CSS basic box model Working Draft, 000000002007-08-01-0000Aug 2007
css-cascade-3 CSS Cascading and Inheritance Level 3  Candidate Rec. 000000002013-10-01-0000Oct 2013
css3-color CSS Color Module Level 3 Recommendation 000000002011-06-01-0000Jun 2011
css3-content CSS3 Generated and Replaced Content Module  Working Draft 000000002003-05-01-0000May 2003
css-fonts-3 CSS Fonts Module Level 3 Candidate Rec. 000000002013-10-01-0000Oct 2013
css3-gcpm CSS Generated Content for Paged Media Module Working Draft 000000002014-05-01-0000May 2014
css3-layout CSS Template Layout Module Working Draft 000000002011-11-01-0000Nov 2011
css3-mediaqueries  Media Queries Recommendation 000000002012-06-01-0000Jun 2012
css3-multicol  Multi-column Layout Candidate Rec. 000000002011-04-01-0000Apr 2011
css3-page CSS Paged Media Module Level 3 Working Draft 000000002013-03-01-0000Mar 2013
css3-selectors Selectors Level 3 Recommendation 000000002011-09-01-0000Sep 2011
css3-ui CSS Basic User Interface Module Level 3 (CSS3 UI) Working Draft 000000002012-01-01-0000Jan 2012

Browser support[সম্পাদনা]

Because not all browsers correctly parse CSS code, developed coding techniques known as CSS hacks can either filter specific browsers or target specific browsers (generally both are known as CSS filters). The former can be defined as CSS filtering hacks and the latter can be defined as CSS targeting hacks. Both can be used to hide or show parts of the CSS to different browsers. This is achieved either by exploiting CSS-handling quirks or bugs in the browser, or by taking advantage of lack of support for parts of the CSS specifications. Using CSS filters, some designers have gone as far as delivering different CSS to certain browsers to ensure designs render as expected. Because very early web browsers were either completely incapable of handling CSS, or rendered CSS very poorly, designers today often routinely use CSS filters that completely prevent these browsers from accessing any of the CSS. Internet Explorer was the first browser to provide support for CSS, with IE 3.0, and increased progressively with each version.[৫] By 2008, the first Beta of Internet Explorer 8 offered support for CSS 2.1 in its best web standards mode.

CSS এর অবকাঠামো[সম্পাদনা]

CSS frameworks are pre-prepared libraries that are meant to allow for easier, more standards-compliant styling of web pages using the Cascading Style Sheets language. CSS frameworks include Foundation, Blueprint, Bootstrap, Cascade Framework and Materialize. Like programming and scripting language libraries, CSS frameworks are usually incorporated as external .css sheets referenced in the HTML <head>. They provide a number of ready-made options for designing and laying out the web page. Although many of these frameworks have been published, some authors use them mostly for rapid prototyping, or for learning from, and prefer to 'handcraft' CSS that is appropriate to each published site without the design, maintenance and download overhead of having many unused features in the site's styling.[৬]

সিএসএস রচনা প্রণালী[সম্পাদনা]

যেমন আকার, CSS সম্পদ ব্যবহার একটি প্রকল্প বৃদ্ধি, উন্নয়ন দল প্রয়োজন সিদ্ধান্ত নিতে একটি সাধারণ পদ্ধতি রাখা তাদের সংগঠিত. লক্ষ্য হয়, কর্মের উন্নয়ন, কর্মের সহযোগিতা, উন্নয়ন সময় এবং কর্মক্ষমতা মোতায়েন স্টাইলশীট ব্রাউজার. জনপ্রিয় পদ্ধতি অন্তর্ভুক্ত OOCSS - অবজেক্ট ওরিয়েন্টেড সিএসএস, ACSS - পারমাণবিক সিএসএস, oCSS - জৈব ক্যাসকেড স্টাইল শীট, SMACSS - আকার পরিবর্তনযোগ্য এবং মডুলার আর্কিটেকচারের জন্য CSS এবং BEM - ব্লক উপাদান, পরিবর্তক.[৭]

আরও দেখুন[সম্পাদনা]

References[সম্পাদনা]

  1. "CSS developer guide"Mozilla Developer Network। সংগৃহীত ২০১৫-০৯-২৪ 
  2. "What is CSS?"। World Wide Web Consortium। সংগৃহীত ডিসেম্বর ২০১০ 
  3. "W3C CSS validation service" 
  4. "All CSS specifications"। W3.org। ২০১৪-০৫-২২। সংগৃহীত ২০১৪-০৫-৩০ 
  5. "CSS support in MS IE 3.0"W3C 
  6. Cederholm, Dan; Ethan Marcotte (২০০৯)। Handcrafted CSS: More Bulletproof Web Design। New Riders। পৃ: ১১৪। আইএসবিএন 978-0-321-64338-4। সংগৃহীত ১৯ জুন ২০১০ 
  7. Antti, Hiljá। "OOCSS, ACSS, BEM, SMACSS: what are they? What should I use?"clubmate.fi। Hiljá। সংগৃহীত ২ জুন ২০১৫