SASS
Đây là logo của sass

Như ae biết rồi, cuộc cách mạng thiết kế web bắt đầu với css, rồi css3 và giờ chúng ta có sass, sau này thì mình không biết là câu lạc bộ Front-end sẽ có thêm thành viên nào nữa. Câu chuyện của Sass cũng giống như cuộc cách mạng về phương tiên giao thông vậy: Đi bộ > Xe đạp > Xe máy > Ô tô…

Đây là website của nhà phát triển, mọi thông tin về Sass các bạn có thể tìm hiểu thêm ở đây nha: https://sass-lang.com/

Tiếp nào, biết viết sass sẽ giúp bạn những gì:

  • File css gọn gàng hơn, dễ debug.
  • Tốc độ viết nhanh hơn, tiết kiệm khoảng 30% thời gian.
  • Bạn sẽ đẹp trai hơn, chuyên nghiệp hơn, gái bu vào nhiều hơn, tiền nhiều hơn (đây cũng là lý do mình thường xuyên cập nhật thông tin, công nghệ, hihi).

AE lưu ý từ khúc này trở đi mình sẽ viết Sass theo cú pháp SCSS, nên chúng ta sẽ đồng nhất tên gọi là SCSS nha mọi người

Css sẽ như thế này:

a {
    color: black;
}

a:hover {
    color: blue;
}

Scss sẽ viết như thế này:

a {
  color: black;
  &:hover {
    color: blue;
  }
}

Ok, giờ thì phần 1 của chúng ta kết thúc tại đây, ae có thể đọc lại 1 lượt và ghi chú ra giấy vài gạch đầu dòng mà ae thấy quan trọng nhé. Việc này giúp ae nhớ siêu lâu đấy. Hẹn gặp lại ae ở phần 2 sớm nhé


Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *