ما هو SCSS ؟ وما الفرق بين SCSS و CSS ؟

بعد تعلمك لغة وصف صفحات الويب HTML وبعد التنسيق من خلال CSS يتوجب عليك الآن البدء في تعلم إحدى طريقة أفضل لتنسيق محتوى تطبيق الويب، ولا نقصد أن CSS سيء ولكن نبحث دوماً عن طريقة توفر لنا الجهد والوقت، إذا فما ما هو SCSS ؟ وما الفرق بين SCSS و CSS ؟

مقدمة في الـ CSS و SCSS

من الجدير بالذكر أننا وفرنا لكم في مقالة سابقة شرح مفصل عن لغة CSS، لابد من مراجع بسيطها لها، مع مقدمة عن SCSS.

بالبداية CSS تعد اختصار للعبارة الإنجليزية Cascading Style Sheet باختصار فإنها تعمل على تنسيق المحتوى وإعطائه جمالية.

أما بالنسبة لل SCSS فهي تقنية حديثة يظهر ملفها بلاحقة (css.)

CSS: هي اختصار لـ Cascading Style Sheet هي أساسًا لغة البرمجة النصية. يستخدم CSS لتصميم صفحات الويب، أما بالنسبة SCSS فهي إصدار حديث لي CSS تم تطويرها من قبل Chris Eppstein و Natalie Weizenbaum.

ما هي SCSS ؟

تعد اختصار للعبارة Syntactically Awesome Style Sheet أي  ورقة أنماط رائعة نحوياً، كما أنها الإصدار المتقدمة من CSS كما أنها تتماثل مع Sass، يمكن التعامل مع CSS من خلال SCSS، أو تحويل بينهم من خلال أدوات.

ما الفرق بين CSS و SCSS ؟

بناء الجملة مشابه لـ CSS (لدرجة أن كل CSS3 صالح عادي هو أيضًا SCSS صالح ، لكن العلاقة في الاتجاه الآخر لا تحدث بوضوح)

تحتوي SCSS على جميع ميزات CSS ويحتوي على المزيد من الميزات غير الموجودة في CSS مما يجعلها اختيارًا جيدًا للمطورين لاستخدامها.

الفرق بين SCSS و CSS

يمكنك تتدخل العناصر مع بعضها بواسطة SCSS، كما يمكن العمل على البوتستراب من خلالها وتعتبر CSS متقدمة، أما بالنسبة لل CSS فأنت بحاج إلى كتابة العديد من السطور.

تحويل ملفات SCSS إلى CSS والعكس

بعد تعلمك لي CSS أنت غير مجبور لتعلم تقنية SCSS، أو العكس كونه يوجد مواقع تعمل على تحويل الكود عبر الانترنت، ومنها:

• SCSS to CSS Compiler.
• CSS to SCSS Converter.
• SCSS Compiler.