Code CSS chuyên nghiệp và đơn giản hơn với SASS - Phần 1

Dù bạn có là một Dev back-end thì khiên thức về html, css, js là những thứ không thể thiếu nếu bạn muốn làm dự án về webapp Ở bài viết này mình xin tóm lượt về SASS và các cú pháp đơn giản để có thể nắm rỏ hơn cách làm việc của nó.

Khái niệm

SASS là một CSS Processor hỗ trợ trong việc quản lý code CSS, đây là một thư viện khá hay mà bạn nên sử dụng để quản lý source code của mình. Code của SASS rất giống với một ngôn ngữ lập trình nên nó ngắn gọn và trong sáng, vì vậy những dự án lớn sử dụng nó sẽ rất có lợi. Khi sử dụng SASS thì trình duyệt sẽ không hiểu được nên ta phải thông qua giai đoạn biên dịch file SASS thành file CSS và công việc này đòi hỏi ta phải cài đặt một phần mềm thứ ba (Đối với các dự án Ruby on Rails bạn có thể tham khảo 2 gem này: "sass-rails" và "bootstrap-sass"). SASS có hai loại chính đó là SASS thuần và SCSS. SCSS là một phiên bản mới của SASS với cú pháp có phần giống với CSS hơn giúp cho người dùng có thể có cái nhìn trực quan hơn tuy phải code dài hơn SASS một tí(Tất nhiên là vẫn ngắn gọn và đơn giản hơn css rất nhiều