এসএএসএস ভাষায় ভূমিকা
এই টিউটোরিয়ালে আমরা এসএএসএস প্রিপ্রোসেসর শিখব। এসএএসএস হল লেস প্রিপ্রোসেসরের একটি বিকল্প, যা সিএসএস-এ প্রোগ্রামিং করার অনুমতি দেয়।
আসলে এসএএসএস-এর দুটি সিনট্যাক্স বৈকল্পিক আছে, প্রথম বৈকল্পিকটিকেও এসএএসএস বলা হয়, এবং দ্বিতীয়টি হল এসসিএসএস। দুটিই ফিচারের একই সেট সমর্থন করে এবং শুধুমাত্র সিনট্যাক্সে সামান্য ভিন্ন। যাইহোক, যেহেতু এসসিএসএস আরও নতুন এবং ব্যাপকভাবে ব্যবহৃত, এই টিউটোরিয়ালে আমরা এটিই অধ্যয়ন করব।
সুতরাং, এসসিএসএস সিনট্যাক্স সিএসএস সিনট্যাক্সের মতো,
অর্থাৎ আমরা একই কার্লি ব্রেস দেখতে পাব
এবং একই সেমিকোলন সহ কোটেশন, সিএসএস-এর মতো।
এসসিএসএস সিনট্যাক্সের একটি উদাহরণ বিবেচনা করা যাক,
যেখানে আমরা অবিলম্বে ভেরিয়েবলে একটি ফন্ট নির্ধারণ করি
এবং একটি রং, তারপর সেই ভেরিয়েবলগুলো নির্ধারণ করি
সিলেক্টর body-এর প্রপার্টিগুলোতে:
$font: Helvetica, sans-serif;
$color: #333;
body {
font: $font;
color: $color;
}
