CleanCSS CleverCSS কিন্তু সহজ এবং কম বাধা বৈশিষ্ট্য সঙ্গে অনুপ্রাণিত CSS এর জন্য একটি সহজ pythonic ভাষা.
কেন
আমি সত্যিই CleverCSS পিছনে ধারণা পছন্দ কিন্তু তৈরীতে ব্যবহৃত যখন আমি উপায় খুব প্রায়ই স্ট্রিং এবং অসমর্থিত CSS এর বৈশিষ্ট্য পলায়নের দ্বারা দূরে তার পার্সার থেকে পেতে চেষ্টা ছিল যে উপলব্ধি. -webkit-গ্রেডিয়েন্ট এবং মান মত বিক্রেতা উপসর্গ ব্যবহার RGBA একটি নোংরা CSS এর ফলে, তাই আমি যাহাই হউক না কেন ব্যবহার করা হয়নি যে সব জটিল বৈশিষ্ট্য ছাড়া একটি অনুরূপ সিনট্যাক্স জন্য আমার নিজের পার্সার লিখতে করার সিদ্ধান্ত নিয়েছে এবং এটি এখন আমার জন্য কাজ করে জরিমানা যেমন বাস্তব আধুনিক ওয়েবসাইট.
সিনট্যাক্স উদাহরণের
আমি সিনট্যাক্স সত্যিই অনুরূপ থেকে যেখানে সম্ভব CleverCSS উদাহরণ রাখা যাচ্ছে না.
নীচে একটি ছোট উদাহরণ. খাঁজ ভিত্তিক সিনট্যাক্স উল্লেখ্য কিভাবে আপনি যা করতে পারেন নীড় নিয়ম:
#হেডার ফুটার:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; মার্জিন: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; প্যাডিং: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font->
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; পরিবার: Verdana, Sans-Serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; আকার: .9em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; লি:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; প্যাডিং: 0.4em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; মার্জিন: 0.8em 0 0.8em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; এইচ 3:
ফন্ট সাইজ: 1.2em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; P:
প্যাডিং: 0.3em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; p.meta:
text-align: অধিকার
রঙ: #ddd
অবশ্যই আপনি CSS এর মধ্যে খুব একই কাজ করতে পারেন, কিন্তু কারণ তার সমতল প্রকৃতির কোড আরো ভার্বোস দেখাবে. কোড নিম্নলিখিত টুকরা উপরে ফাইলের CleanCSS আউটপুট:
#হেডার ফুটার {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; মার্জিন: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; প্যাডিং: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ফন্ট পরিবারের: Verdana, Sans-Serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ফন্ট সাইজ: .9em
}
#header লি,
#footer লি {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; প্যাডিং: 0.4em;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; মার্জিন: 0.8em 0 0.8em;
}
#header লি এইচ 3,
#footer লি এইচ 3 {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; ফন্ট সাইজ: 1.2em;
}
#header লি P,
#footer লি P {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; প্যাডিং: 0.3em;
}
#header লি p.meta,
#footer লি p.meta {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; text-align: ডান;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; রঙ: #dddddd;
}
লাইব্রেরী ব্যবহার
Cleancss মডিউল আমদানি এবং একটি ফাইল-মত বস্তুর সঙ্গে রূপান্তর () ফাংশন কল.
উদাহরণ:
আমদানি cleancss
চ রূপে খুলুন ('file.css') সঙ্গে:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; মুদ্রণ cleancss.convert (F)
কমান্ড লাইন ব্যবহার
ব্যবহারের নির্দেশাবলী প্রদর্শন পরামিতি ছাড়া cleancss.py করুন. Cleancss.py ফাইল কোন সংখ্যা প্রেরণ স্ক্রিপ্ট সিএসএস ফাইল রূপান্তর এবং কনসোল ফলাফল প্রিন্ট করা হবে.
উদাহরণ:
cleancss.py file.css> result.css
আবশ্যক
- পাইথন
পাওয়া মন্তব্যসমূহ না