fbpx
Tài liệu hướng dẫn và tối ưu dịch vụ
  • Kiến thức Hosting
    on-premise-la-gi

    On Premise là gì? Doanh nghiệp có nên sử dụng On Premise

    hosting-nvme-la-gi

    Hosting NVMe là gì? Tìm hiểu chi tiết về Hosting NVMe

    ssd-hosting-la-gi

    SSD Hosting là gì? Tìm hiểu chi viết về SSD Hosting

    dang-ky-domain-ten-mien

    Hướng dẫn thêm tên miền mới vào hosting cPanel

    business-hosting-epyc-la-gi

    Business Hosting EPYC là gì? Hosting cấu hình cao cho doanh nghiệp lớn?

    server-la-gi

    Server là gì? Tầm quan trọng của Server đối với doanh nghiệp

    hosting-epyc-la-gi

    Hosting EPYC – Dịch vụ hosting tốc độ cao giá phù hợp

    hosting-la-gi

    Web hosting là gì? Tìm hiểu chi tiết về web hosting cho người mới bắt đầu

    cach-dang-ky-hosting-cho-nguoi-moi

    Cách đăng ký Hosting SSD cho người mới, dùng thử miễn phí 100%

    Trending Tags

    • Webmasters
      trackback-la-gi

      Trackback là gì? Có nên sử dụng cho website không?

      xoa-trang-web-wordpress

      Làm sao để xóa trang web WordPress vĩnh viễn khỏi Internet?

      cach-tao-website-ca-nhan-mien-phi

      Cách tạo website cá nhân miễn phí dành cho người mới bắt đầu

      nen-hoc-ngon-ngu-lap-trinh-nao

      Nên học ngôn ngữ lập trình nào? Cách chọn ngôn ngữ lập trình phù hợp cho lập trình viên mới vào nghề

      entity-framework-la-gi

      Entity Framework là gì? Lợi ích và trường hợp nên sử dụng của Entity Framework

      extension-hay-cho-visual-studio-code

      Top 10 Extension hay cho Visual Studio Code mà các lập trình viên không thể bỏ qua

      devsecops-la-gi

      DevSecOps là gì? Tìm hiểu chi tiết về mô hình DevSecOps

      rust-la-gi

      Rust là gì? Liệu Rust có phải là ngôn ngữ lập trình của tương lai không?

      bdd-la-gi

      BDD là gì? Tìm hiểu chi tiết về Behaviour Driven Development (BDD)

      Trending Tags

      • Khuyến Mãi
        tinohost-sale-huy-diet-2022

        [Black Friday] Sale huỷ diệt 2022: hoàn tiền 100%, -90%, tên miền 0 đồng, … và nhiều ưu đãi độc quyền tại TinoHost!

        50-tron-doi-hosting

        -50% trọn đời Hosting: ưu đãi độc quyền tại TinoHost, duy nhất 10/10/2022!

        tinohost-uu-dai-22-ngay

        Sở hữu “siêu phẩm ngành Host” với -65% suốt 22 ngày, -40% trọn đời, đặc biệt “deal siêu đỉnh” duy nhất ngày 2/9

        uu-dai-cuc-chat-mung-ngay-thong-nhat

        Chào 47 năm Ngày thống nhất, TinoHost giảm 74% Hosting, 47% VPS, tặng 50% thời gian sử dụng; cho phép thanh toán sau

        mien-phi-ten-mien-xyz-nam-dau

        TinoHost miễn phí 1 năm sử dụng tên miền

        vui-giang-sinh-rinh-qua-dinh

        Vui Giáng sinh, rinh quà đỉnh: Lifetime, giảm 50% trọn đời tất cả Hosting/VPS tại TinoHost

        mien-phi-plugin-postx-pro-va-plugin-productx-pro

        Tino Group miễn phí trọn đời Plugin PostX Pro và Plugin ProductX Pro, từ 12/2021

        black-friday-2021-tai-TinoHost

        Black Friday 2021 tại TinoHost: Lifetime, giảm đến 99%, tặng 100% thời gian

        sieu-bao-sale-cap-11-tai-tinohost

        Siêu bão Sale cấp 11 tại TinoHost: Hosting, VPS giảm đến 99%

        Trending Tags

        • Kiếm tiền online
          Ktonl Cover

          Những cách kiếm tiền online miễn phí không cần vốn uy tín nhất 2023

          cach-kiem-tien-tu-canva

          Mách bạn cách kiếm tiền từ Canva – bí quyết làm đầy “hầu bao” của thế hệ Gen Z

          1-trieu-view-youtube-duoc-bao-nhieu-tien

          1 triệu view YouTube được bao nhiêu tiền? Điều kiện kiếm tiền từ YouTube gồm những gì?

          kiem-tien-tu-facebook-reels

          Chia sẻ bí quyết kiếm tiền từ Facebook Reels – tính năng mới ra mắt của Facebook

          kiem-tien-tu-website

          Các hoạt động kiếm tiền từ website hiệu quả nhất hiện nay

          chinh-sach-ban-hang-cua-tiktok-shop

          Tìm hiểu chính sách bán hàng của TikTok Shop – bí quyết kinh doanh thành công trên TikTok

          cach-bat-kiem-tien-tren-tiktok

          Cách bật kiếm tiền trên TikTok thành công ngay từ lần đầu thực hiện

          tiktok-shop-la-gi

          TikTok Shop là gì? Hướng dẫn cách đăng ký TikTok Shop Việt Nam

          cach-ship-hang-cho-khach-khi-ban-hang-online

          Cách ship hàng cho khách khi bán hàng online nhanh chóng và đảm bảo an toàn

          Trending Tags

          • Tài liệu
            • Hướng dẫn về Tên Miền
            • Hướng dẫn về Cloud Hosting
            • Hướng dẫn về Cloud VPS
            • Câu hỏi chung về WordPress
            • Hướng dẫn Email Server
            • Hướng Dẫn Về Tổng Đài Ảo
            • Hướng Dẫn Về Hóa Đơn Điện Tử
            • Hướng dẫn về Thanh Toán
            • Hướng dẫn về Chứng chỉ SSL
            • Hướng dẫn cho Cộng Tác Viên
            • Hướng dẫn chung
            • Câu hỏi thường gặp
            • Hướng dẫn về SEO hosting.
          • Bitrix24
            • Applications
            • Bitrix24 Drive
            • Calendars
            • Chats and Calls
            • Contact Center
            • CRM
            • CRM + Online Store
            • CRM Analytics (Beta)
            • CRM Marketing
            • CRM Store (Beta)
            • Desktop App
            • Employees
            • Feed
            • Knowledge Base (Beta)
            • Mobile App
            • My Profile
            • Online Store (Beta)
            • Open Chanels
            • Robotic Process Automation (Beta)
            • Sales Center (Beta)
          • Dịch vụ
            • Tên miền
            • Hosting
            • VPS
            • Email doanh nghiệp
            • Chứng chỉ SSL
            • Tổng đài ảo
            • Thiết kế website
            • Dịch vụ chuyển đổi số
          • Kiến thức Hosting
            on-premise-la-gi

            On Premise là gì? Doanh nghiệp có nên sử dụng On Premise

            hosting-nvme-la-gi

            Hosting NVMe là gì? Tìm hiểu chi tiết về Hosting NVMe

            ssd-hosting-la-gi

            SSD Hosting là gì? Tìm hiểu chi viết về SSD Hosting

            dang-ky-domain-ten-mien

            Hướng dẫn thêm tên miền mới vào hosting cPanel

            business-hosting-epyc-la-gi

            Business Hosting EPYC là gì? Hosting cấu hình cao cho doanh nghiệp lớn?

            server-la-gi

            Server là gì? Tầm quan trọng của Server đối với doanh nghiệp

            hosting-epyc-la-gi

            Hosting EPYC – Dịch vụ hosting tốc độ cao giá phù hợp

            hosting-la-gi

            Web hosting là gì? Tìm hiểu chi tiết về web hosting cho người mới bắt đầu

            cach-dang-ky-hosting-cho-nguoi-moi

            Cách đăng ký Hosting SSD cho người mới, dùng thử miễn phí 100%

            Trending Tags

            • Webmasters
              trackback-la-gi

              Trackback là gì? Có nên sử dụng cho website không?

              xoa-trang-web-wordpress

              Làm sao để xóa trang web WordPress vĩnh viễn khỏi Internet?

              cach-tao-website-ca-nhan-mien-phi

              Cách tạo website cá nhân miễn phí dành cho người mới bắt đầu

              nen-hoc-ngon-ngu-lap-trinh-nao

              Nên học ngôn ngữ lập trình nào? Cách chọn ngôn ngữ lập trình phù hợp cho lập trình viên mới vào nghề

              entity-framework-la-gi

              Entity Framework là gì? Lợi ích và trường hợp nên sử dụng của Entity Framework

              extension-hay-cho-visual-studio-code

              Top 10 Extension hay cho Visual Studio Code mà các lập trình viên không thể bỏ qua

              devsecops-la-gi

              DevSecOps là gì? Tìm hiểu chi tiết về mô hình DevSecOps

              rust-la-gi

              Rust là gì? Liệu Rust có phải là ngôn ngữ lập trình của tương lai không?

              bdd-la-gi

              BDD là gì? Tìm hiểu chi tiết về Behaviour Driven Development (BDD)

              Trending Tags

              • Khuyến Mãi
                tinohost-sale-huy-diet-2022

                [Black Friday] Sale huỷ diệt 2022: hoàn tiền 100%, -90%, tên miền 0 đồng, … và nhiều ưu đãi độc quyền tại TinoHost!

                50-tron-doi-hosting

                -50% trọn đời Hosting: ưu đãi độc quyền tại TinoHost, duy nhất 10/10/2022!

                tinohost-uu-dai-22-ngay

                Sở hữu “siêu phẩm ngành Host” với -65% suốt 22 ngày, -40% trọn đời, đặc biệt “deal siêu đỉnh” duy nhất ngày 2/9

                uu-dai-cuc-chat-mung-ngay-thong-nhat

                Chào 47 năm Ngày thống nhất, TinoHost giảm 74% Hosting, 47% VPS, tặng 50% thời gian sử dụng; cho phép thanh toán sau

                mien-phi-ten-mien-xyz-nam-dau

                TinoHost miễn phí 1 năm sử dụng tên miền

                vui-giang-sinh-rinh-qua-dinh

                Vui Giáng sinh, rinh quà đỉnh: Lifetime, giảm 50% trọn đời tất cả Hosting/VPS tại TinoHost

                mien-phi-plugin-postx-pro-va-plugin-productx-pro

                Tino Group miễn phí trọn đời Plugin PostX Pro và Plugin ProductX Pro, từ 12/2021

                black-friday-2021-tai-TinoHost

                Black Friday 2021 tại TinoHost: Lifetime, giảm đến 99%, tặng 100% thời gian

                sieu-bao-sale-cap-11-tai-tinohost

                Siêu bão Sale cấp 11 tại TinoHost: Hosting, VPS giảm đến 99%

                Trending Tags

                • Kiếm tiền online
                  Ktonl Cover

                  Những cách kiếm tiền online miễn phí không cần vốn uy tín nhất 2023

                  cach-kiem-tien-tu-canva

                  Mách bạn cách kiếm tiền từ Canva – bí quyết làm đầy “hầu bao” của thế hệ Gen Z

                  1-trieu-view-youtube-duoc-bao-nhieu-tien

                  1 triệu view YouTube được bao nhiêu tiền? Điều kiện kiếm tiền từ YouTube gồm những gì?

                  kiem-tien-tu-facebook-reels

                  Chia sẻ bí quyết kiếm tiền từ Facebook Reels – tính năng mới ra mắt của Facebook

                  kiem-tien-tu-website

                  Các hoạt động kiếm tiền từ website hiệu quả nhất hiện nay

                  chinh-sach-ban-hang-cua-tiktok-shop

                  Tìm hiểu chính sách bán hàng của TikTok Shop – bí quyết kinh doanh thành công trên TikTok

                  cach-bat-kiem-tien-tren-tiktok

                  Cách bật kiếm tiền trên TikTok thành công ngay từ lần đầu thực hiện

                  tiktok-shop-la-gi

                  TikTok Shop là gì? Hướng dẫn cách đăng ký TikTok Shop Việt Nam

                  cach-ship-hang-cho-khach-khi-ban-hang-online

                  Cách ship hàng cho khách khi bán hàng online nhanh chóng và đảm bảo an toàn

                  Trending Tags

                  • Tài liệu
                    • Hướng dẫn về Tên Miền
                    • Hướng dẫn về Cloud Hosting
                    • Hướng dẫn về Cloud VPS
                    • Câu hỏi chung về WordPress
                    • Hướng dẫn Email Server
                    • Hướng Dẫn Về Tổng Đài Ảo
                    • Hướng Dẫn Về Hóa Đơn Điện Tử
                    • Hướng dẫn về Thanh Toán
                    • Hướng dẫn về Chứng chỉ SSL
                    • Hướng dẫn cho Cộng Tác Viên
                    • Hướng dẫn chung
                    • Câu hỏi thường gặp
                    • Hướng dẫn về SEO hosting.
                  • Bitrix24
                    • Applications
                    • Bitrix24 Drive
                    • Calendars
                    • Chats and Calls
                    • Contact Center
                    • CRM
                    • CRM + Online Store
                    • CRM Analytics (Beta)
                    • CRM Marketing
                    • CRM Store (Beta)
                    • Desktop App
                    • Employees
                    • Feed
                    • Knowledge Base (Beta)
                    • Mobile App
                    • My Profile
                    • Online Store (Beta)
                    • Open Chanels
                    • Robotic Process Automation (Beta)
                    • Sales Center (Beta)
                  • Dịch vụ
                    • Tên miền
                    • Hosting
                    • VPS
                    • Email doanh nghiệp
                    • Chứng chỉ SSL
                    • Tổng đài ảo
                    • Thiết kế website
                    • Dịch vụ chuyển đổi số
                  Tài liệu hướng dẫn và tối ưu dịch vụ

                  SASS/SCSS là gì? Cách viết CSS bằng SASS/SCSS

                  được viết bởi TinoHost
                  trong chuyên mục Webmasters
                  20 1
                  0
                  SASS/SCSS là gì? Cách viết CSS bằng SASS/SCSS 2
                  21
                  CHIA SẺ
                  697
                  LƯỢT XEM
                  Chia sẻ trên FacebookChia sẻ trên Twitter
                  QUẢNG CÁO

                  NỘI DUNG BÀI VIẾT

                  1. Tìm hiểu về SASS/SCSS
                    1. CSS Preprocessor là gì?
                    2. SASS/SCSS là gì?
                  2. 4 tính năng cơ bản của SCSS
                    1. Nested Rule – xếp chống
                    2. Variable – biến
                    3. Quy tắc Mixin
                    4. Extends – kế thừa
                  3. Cách viết CSS bằng SASS/SCSS
                    1. Nên chọn cách viết SASS/SCSS?
                    2. Cách import vào project
                    3. Cách biên dịch SASS/SCSS thành CSS
                    4. SASS/SCSS trên Node.js
                  4. Những câu hỏi thường gặp về SASS/SCSS
                  5. Nên làm gì để code SASS/SCSS hiệu quả?
                  6. Có nên code bằng SASS hay không?
                  7. Cách biên dịch SASS/SCSS thành CSS online ra sao?
                  8. Học thêm về SASS/SCSS ở đâu?

                  Để giao diện web trở nên đẹp hơn, chắc chắn bạn sẽ cần phải làm việc với CSS. Tuy nhiên, CSS thuần sẽ khá “nhàm chán” nếu bạn đang tìm cách để sử dụng CSS nhanh hơn, chuyên nghiệp hơn, rõ ràng và lành mạnh hơn. Và SASS/SCSS chính là thứ bạn đang tìm kiếm. Vậy, SASS/SCSS là gì? Cách viết CSS bằng SASS/SCSS ra sao?

                  Tìm hiểu về SASS/SCSS

                  Trước khi đi vào tìm hiểu về SASS/SCSS là gì? Chúng ta sẽ cần tìm hiểu về CSS Preprocessor, vì cả SASS/SCSS đều là CSS Preprocessor.

                  CSS Preprocessor là gì?

                  CSS Preprocessor hay ngôn ngữ tiền xử lý CSS, là một ngôn ngữ script mở rộng của CSS và được biên dịch thành cú pháp CSS để bạn có thể tăng tốc viết CSS với cấu trúc rõ ràng hơn. Vì thế, CSS Preprocessor giúp bạn tiết kiệm thời gian để viết, bảo trì và phát triển CSS.

                  SASS/SCSS là gì?

                  Về cơ bản, SASS và SCSS có cùng bản chất, điểm khác biệt duy nhất giữa chúng là cách viết.

                  sass-scss-la-gi

                  SASS là gì?

                  Syntactically Awesome Style Sheets hay thường được viết tắt là SASS. Một Preprocessor Scripting Language – chương trình tiền nhiệm xử lý bằng ngôn ngữ kịch bản và sẽ được phiên dịch thành CSS.

                  SASS có 2 cách kiểu viết cá nhau là HAML và Pug, sử dụng thụt đầu dòng để phân tách các khối code với nhau thay vì sử dụng cặp ngoặc; SASS sử dụng phương pháp xuống dòng để phân biệt các rules.

                  Phần mở rộng của SASS là .sass.

                  SCSS là gì?

                  SCSS có cú pháp tương tự với ngôn ngữ lập trình Ruby, bởi SCSS được phát triển bởi chính đội ngũ phát triển ngôn ngữ Ruby.

                  Bản thân SCSS ra đời sau SASS. Tuy nhiên, SCSS lại có cú pháp kế thừa và giống với CSS hơn. Từ đó, SCSS thu hẹp khoảng cách giữa việc viết SASS và cách viết CSS thông thường.

                  Phần mở rộng của SCSS là .scss.

                  SASS/SCSS là gì? Cách viết CSS bằng SASS/SCSS 3
                  QUẢNG CÁO

                  4 tính năng cơ bản của SCSS

                  Do phần lớn các lập trình viên sẽ chọn SCSS, cũng như SCSS phổ biến, mạnh mẽ hơn SASS nên Tino Group sẽ giới thiệu với bạn về 4 tính năng cơ bản của SCSS nhé!

                  Nested Rule – xếp chống

                  Nested Rule là một trong những tính năng khiến SCSS được đánh giá cao hơn so với CSS thuần. Ví dụ, để chèn 1 đoạn CSS vào HTML, bạn sẽ thực hiện code từ thẻ, sau đó bạn phải gọi tên tag, class, ID cha của thẻ bạn muốn dùng CSS. Điều này sẽ khiến lượng công việc của bạn nhiều hơn, phức tạp hơn rất nhiều.

                  Trong khi đó, với tính năng Nested Rule của SCSS, việc viết CSS của bạn sẽ trở nên đơn giản hơn khi chúng được xếp chồng lên nhau, bạn sẽ không cần phải gọi lại tên của tag, class hay ID nữa.

                  Variable – biến

                  Biến là một thứ vô cùng quen thuộc đối với các lập trình viên. Biến có chứa các giá trị mà bạn cần sử dụng nhiều lần như: mã màu, kiểu chữ, font chữ,…

                  Để khai báo 1 biến và gọi chúng khi cần thiết, bạn chỉ cần viết thêm dấu $ cùng với tên biến.

                  Ví dụ:

                  $whiteColor = #fff;
                  .navbar {
                  ul.menu {
                  list-style: none;
                  li {
                  padding: 5px;
                  a {
                  text-decoration: none;
                  color: $whitecolor
                  }
                  }
                  }
                  }

                  Trong bảng màu không chỉ có 1 màu duy nhất. Các mã màu lại cực kỳ khó nhớ. Vì thế, bạn sử dụng ngôn ngữ tự nhiên làm biến để phân biệt sắc độ của màu cũng là một phương pháp hữu hiệu, thay vì đi dò từng mã màu và sử dụng khi cần vào đấy!

                  Quy tắc Mixin

                  Chuyện gì sẽ xảy ra nếu bạn muốn sử dụng 1 biến để lưu trữ nhiều giá trị khác nhau? Bạn tạo ra nhiều biến khác nhau? Không cần! Với cơ chế Mixin, bạn có thể mang nhiều thuộc tính bạn đã quy ước trong mix, sau đó @include vào thành phần bất kỳ mà không cần phải tạo thêm biến hay gõ lại thuộc tính.

                  Ví dụ như:

                  @mixin colorVsFont($color, $fontSize) {
                  color: $color;
                  font-size: $fontSize;
                  }
                  .navbar {
                  ul.menu {
                  list-style: none;
                  li {
                  padding: 5px;
                  a {
                  text-decoration: none;
                  @include colorVsFont(#000, 50px);
                  }
                  }
                  }
                  }

                  Extends – kế thừa

                  Nếu bạn đã học lập trình hướng đối tượng, bạn sẽ cảm giác quen thuộc với việc kế thừa hay extend. Khi bạn định nghĩa ra 1 class nào đó, đến khi cần sử dụng, bạn chỉ cần @extend thuộc tính đó vào là được.

                  Ví dụ:

                  .title-box {
                  color: #dacb46;
                  text-shadow: 1px 1px 1px #1a1a1a;
                  display: inline-block;
                  text-transform: uppercase;
                  }
                  .navbar {
                  ul.menu {
                  list-style: none;
                  li {
                  padding: 5px;
                  a {
                  text-decoration: none;
                  @extend .title-box;
                  }
                  }
                  }
                  }

                  Cách viết CSS bằng SASS/SCSS

                  Nên chọn cách viết SASS/SCSS?

                  Cách viết code giữa SASS và SCSS sẽ khác nhau.. SCSS được phát triển sau SASS và kế thừa dấu ngoặc giống với cú pháp của CSS hơn. Vì thế, rất nhiều lập trình viên ưu tiên sử dụng SCSS hơn SASS vì sự quen thuộc khi đã quen làm việc với CSS.

                  Bạn chỉ cần “bê nguyên xi” những gì khi làm việc với CSS để làm việc với SCSS. Ngoài ra, bạn chỉ cần làm việc thêm với một vài thành phần mở rộng bổ trợ mạnh mẽ hơn cho CSS như toán tử, hàm, biến,…

                  sass-scss-la-gi

                  Cách import vào project

                  Để import vào một project, một trang index, bạn chỉ cần thực hiện tương tự với cách require hay include file a vào file b trong PHP thôi.

                  Thông thường, bạn sẽ “nhét” tất cả thông tin trong header, body và footer trên trang web vào một tệp style.css. Điều này sẽ khiến bạn rất khó trong việc nâng cấp, bảo trì code CSS của bạn. Phương án tạo ra 3 file riêng biệt sử dụng trong từng phần và @import 3 thành phần trên sẽ giúp bạn “đỡ khổ” về sau rất nhiều. Bạn thực hiện các bước như sau:

                  • Tạo file _header.scss sử dụng riêng cho header.
                  • Tạo _body.scss sử dụng cho body
                  • Cuối cùng, bạn tạo _footer.scss cho footer.

                  Sau khi tạo xong, bạn chỉ cần @import chúng trong file style.scss là ổn.

                  • @import ‘header’;
                  • @import ‘body’;
                  • @import ‘footer’;

                  Cách biên dịch SASS/SCSS thành CSS

                  Để biên dịch SASS/SCSS thành CSS, bạn có rất nhiều cách, từ sử dụng các câu lệnh, cho đến sử dụng các phần mềm. Thậm chí, bạn còn có thể biên dịch SASS/SCSS thành CSS bằng các công cụ online tiện lợi.

                  Nếu bạn thích cài đặt phần mềm để sử dụng offline, Koala là một trong những phần mềm biên dịch SASS/SCSS thành CSS miễn phí phổ biến nhất. Bạn chỉ cần tải về => cài đặt => sử dụng hoàn toàn free.

                  sass-scss-la-gi

                  SASS/SCSS trên Node.js

                  Cách cài đặt SASS/SCSS trên Node.js ra sao?

                  Để cài đặt SASS/SCSS trên Node.js, bạn chỉ cần thực hiện theo các cách như sau:

                  Bước 1: kiểm tra phiên bản của Node.js

                  Node -v

                  Nếu bạn chưa cài đặt, bạn có thể tải bộ Node.js về máy và cài đặt.

                  Bước 2: cài đặt SASS/SCSS trên Node.js, bạn chỉ cần chạy lệnh

                  npm install -g sass

                  Cách sử dụng SASS/SCSS trên Node.js ra sao?

                  Ví dụ, bạn có 1 file SASS/SCSS với nội dung như sau:

                  $font-stack: Helvetica, sans-serif; //Khai báo biến $font-stack
                  $primary-color: #333;
                  body {
                  font: 100% $font-stack;
                  color: $primary-color;
                  }

                  Nếu không có các công cụ biên dịch SASS/SCSS thành CSS, bạn có thể sử dụng dòng lệnh sau để chuyển đổi file SASS/SCSS thành CSS với điều kiện đã cài đặt SASS/SCSS trên Node.js:

                  sass filescss.scss filecss.css

                  Ví dụ, bạn có thể chuyển đổi file trong dòng lệnh như sau:

                  sass style.scss style.css

                  Sau khi biên dịch, bạn sẽ có kết quả file style.scss thành style.css nội dung:

                  body {
                  font: 100% Helvetica, sans-serif;
                  color: #333;
                  }

                  Chúc mừng bạn đã chuyển đổi thành công nhé!

                  Vậy là chúng ta đã trải qua một hành trình không quá ngắn cũng không quá dài nhưng đủ để hiểu SASS/SCSS là gì, những tính năng cơ bản của SASS/SCSS cũng như cách viết CSS bằng SASS/SCSS ra sao. Tino Group hi vọng rằng, những kiến thức này sẽ giúp bạn có thể làm đẹp cho trang web, ứng dụng của mình và tối ưu nhất trải nghiệm của người dùng nhé!

                  Những câu hỏi thường gặp về SASS/SCSS

                  Nên làm gì để code SASS/SCSS hiệu quả?

                  Một trong những yếu tố bạn nên quan tâm khi code SASS/SCSS là: nên đặt tên các biến một cách có nghĩa và tránh các từ khóa của code.

                  Có nên code bằng SASS hay không?

                  Câu trả lời sẽ tùy thuộc vào bạn. Nếu bạn không thích những dấu ngoặc, bạn có thể làm quen với thụt đầu dòng để tạo thành các khối code.

                  Cách biên dịch SASS/SCSS thành CSS online ra sao?

                  Nếu bạn không thích cài đặt các phần mềm, bạn có thể sử dụng từ khóa SASS to CSS hoặc SCSS to CSS, để tìm kiếm các công cụ hỗ trợ biên dịch SASS/SCSS thành CSS hoàn toàn miễn phí trên mạng internet.

                  Một số công cụ như: JSON Formatter, SassMeister | The Sass Playground!, Sass Basics,…

                  Học thêm về SASS/SCSS ở đâu?

                  Nếu bạn muốn học thêm về SASS/SCSS, bạn có thể học tại W3Schools hoàn toàn miễn phí, học bằng ví dụ thực hành ngay dễ hiểu. W3Schools là một trang dạy lập trình thiên về web hoàn toàn miễn phí và cực kỳ nổi tiếng trong giới lập trình, cũng như được các thầy cô giới thiệu để học thêm tại nhà.

                  CÔNG TY CỔ PHẦN TẬP ĐOÀN TINO

                  • Trụ sở chính: L17-11, Tầng 17, Tòa nhà Vincom Center, Số 72 Lê Thánh Tôn, Phường Bến Nghé, Quận 1, Thành phố Hồ Chí Minh
                    Văn phòng đại diện: 42 Trần Phú, Phường 4, Quận 5, Thành phố Hồ Chí Minh
                  • Điện thoại: 0364 333 333
                    Tổng đài miễn phí: 1800 6734
                  • Email: sales@tino.org
                  • Website: www.tino.org
                  5/5 - (1 bình chọn)
                  Thẻ : Kiến thức lập trình
                  Chia sẻ8Tweet5Chia sẻ2

                  Cập nhật nhanh nhất thông tin bài viết bằng cách bấm đăng ký.

                  Bỏ đăng ký
                  TinoHost

                  TinoHost

                  Chia sẻ một chút thông tin về bạn. Những thông tin này có thể được công khai.

                  Liên quan đến bài đăng

                  trackback-la-gi
                  Webmasters

                  Trackback là gì? Có nên sử dụng cho website không?

                  12/29/2022
                  xoa-trang-web-wordpress
                  Webmasters

                  Làm sao để xóa trang web WordPress vĩnh viễn khỏi Internet?

                  12/29/2022
                  cach-tao-website-ca-nhan-mien-phi
                  Webmasters

                  Cách tạo website cá nhân miễn phí dành cho người mới bắt đầu

                  12/28/2022
                  nen-hoc-ngon-ngu-lap-trinh-nao
                  Webmasters

                  Nên học ngôn ngữ lập trình nào? Cách chọn ngôn ngữ lập trình phù hợp cho lập trình viên mới vào nghề

                  12/27/2022
                  entity-framework-la-gi
                  Webmasters

                  Entity Framework là gì? Lợi ích và trường hợp nên sử dụng của Entity Framework

                  12/21/2022
                  extension-hay-cho-visual-studio-code
                  Webmasters

                  Top 10 Extension hay cho Visual Studio Code mà các lập trình viên không thể bỏ qua

                  11/19/2022

                  Recommended

                  performance-marketing-la-gi

                  Performance Marketing là gì? 7 bước tối ưu Performance Marketing hiệu quả

                  11/22/2021
                  WeChat là gì? Hướng dẫn đăng ký và sử dụng WeChat 2022 4

                  WeChat là gì? Hướng dẫn đăng ký và sử dụng WeChat 2022

                  01/05/2022
                  ssl-certificate-la-gi

                  SSL là gì? Những điều cần biết về chứng chỉ SSL Certificate

                  01/08/2022
                  phan-mem-loc-ban-be-khong-tuong-tac-facebook

                  Phần mềm lọc bạn bè không tương tác FaceBook 2022

                  02/11/2022
                  meo-toi-uu-google-shopping-hieu-qua

                  Một số mẹo tối ưu Google Shopping hiệu quả để “hút” khách hàng về website

                  09/11/2022
                  subnet-mask-la-gi

                  Subnet Mask là gì? Cách tính Subnet Mask ra sao?

                  02/23/2022

                  Tài liệu nổi bật

                  Chưa có nội dung khả dụng
                  TinoHost
                  TinoHost
                  4.9
                  Based on 208 reviews
                  See all reviewsWrite a review
                  Loan Nguyễn
                  Loan Nguyễn
                  giá tốt, chất lượng cao mình rất hài lòng
                  Phan Ngọc Sơn Đăng
                  Phan Ngọc Sơn Đăng
                  chất lượng dịch vụ tốt lắm...á
                  Nguyễn Văn Tiệp
                  Nguyễn Văn Tiệp
                  chất lượng dịch vụ rất tốt.
                  Thanh Quân
                  Thanh Quân
                  giá tốt, chất lượng cao mình rất hài lòng
                  Thạch Trần
                  Thạch Trần
                  Tino giá tốt,chất lượng cao,dịch vụ tư vấn và hổ trợ khách hàng tận tâm.
                  Chu Toàn
                  Chu Toàn
                  tôi rất thích sử dụng dịch vụ tại tinohostinohost. tốc độ tải nhanh và cực kỳ rẻ
                  Vạn Điều Khó Nói
                  Vạn Điều Khó Nói
                  Dịch vụ chăm sóc khách hàng tốt
                  Nguyễn Văn Hà
                  Nguyễn Văn Hà
                  Dùng rất oke nha mọi người
                  Hanh Truong
                  Hanh Truong
                  Dịch vụ chăm sóc khách hàng tốt, mình rất hài lòng về dịch vụ của TINOHOST
                  Ngọ Nguyễn
                  Ngọ Nguyễn
                  Đã mua rất nhiều tên miền tại Tinohost. Chất lượng tốt
                  Thai Pham
                  Thai Pham
                  Dịch vụ tốt, chăm sóc khách hàng chu đáo. Mình rất yên tâm khi sử dụng các dịch vụ của Tinohost.
                  Ngọc Huyền
                  Ngọc Huyền
                  dịch vụ và chăm sóc khách hàng rất tốt , mình rất thích tinohost , mình đã sử dụng nhiều dịch vụ của tinohost rồi
                  Dang Huu Quoc Cuong
                  Dang Huu Quoc Cuong
                  tuyệt vời chăm sóc khách hàng quá tốt
                  Quang Thức
                  Quang Thức
                  dịch vụ và chăm sóc khách hàng rất tốt , mình rất thích tinohost , mình đã sử dụng nhiều dịch vụ của tinohost rồi
                  Iron Vũ
                  Iron Vũ
                  Quá tốt - Quá xuất sắc và tuyệt
                  Minh Ho
                  Minh Ho
                  Hỗ trợ nhiệt tình. dịch vụ chất lượng
                  Lê Quốc Ninh
                  Lê Quốc Ninh
                  Host ổn định. miền giá rẻ. hỗ trợ nhanh
                  Nguyễn Nhật
                  Nguyễn Nhật
                  Đội ngũ support rất nhiệt tình.
                  Trung William
                  Trung William
                  Sử dụng dịch vụ của bạn Tinohost 2 3 năm nay chưa khi nào phải thất vọng.
                  Đạt Light
                  Đạt Light
                  host dùng chất lượng, miền giá rẻ
                  HM Hưng
                  HM Hưng
                  Host chất lượng uy tín, dịch vụ tốt
                  Nguyễn Minh Đức
                  Nguyễn Minh Đức
                  dịch vụ hỗ trợ rất nhanh, tốc độ hosting tốt
                  Tuấn Lê
                  Tuấn Lê
                  Hộ trợ tốt, nhanh. Tuyệt vời 🥰
                  Nguyễn Tiến Toàn
                  Nguyễn Tiến Toàn
                  tuyệt vời, dịch vụ cực tốt và hỗ trợ siêu nhanh
                  Linh Hoàng Vũ
                  Linh Hoàng Vũ
                  Làm việc nhanh chóng, giá thành hợp lí.
                  Kevin Phan
                  Kevin Phan
                  Chất lượng phục vụ tốt, hỗ trợ khá nhanh chóng và chất lượng gói lớn tốt, gói nhỏ cần tốt hơn.
                  Phạm Hồng Phúc
                  Phạm Hồng Phúc
                  Hosting rẻ và nhanh thích hợp cho học sinh sinh viên như mình
                  Mạnh Dương Phan
                  Mạnh Dương Phan
                  dịch vu tốt ! Sẽ sử dụng thưởng xuyên !
                  Trương Bến Hà
                  Trương Bến Hà
                  Mỗi lần cần gì, nhắn Tino là được hỗ trợ ngay. Nên một đứa không biết gì về web như mình cũng tạo được blog. Cơ bản mình chỉ lo viết, mọi thứ có anh IT của Tino lo hết.
                  Đỗ Duy Công
                  Đỗ Duy Công
                  Nhìn chung thì Tino xứng đáng là một trong những nhà cung cấp host giá rẻ #1 tại VN. Bên này support khá nhanh và nhiệt tình nên quá trình sử dụng diễn ra tương đối trơn tru.
                  Chất lượng quá ok so với mức giá. Các SME có thể tham khảo để dựng web nhé.
                  Hiếu Tâm
                  Hiếu Tâm
                  uy tín chất lượng chuẩn cho 5 sao
                  Nguyễn An
                  Nguyễn An
                  Dịch vụ nhanh chóng thanh toán tiện lợi
                  Thin Vu Thi
                  Thin Vu Thi
                  Dịch vụ nhanh chóng, giá cả hợp lý
                  Khoai Lang Nướng
                  Khoai Lang Nướng
                  Chất lượng phục vụ ok, support khá nhanh chóng và chất lượng gói lớn tốt, gói nhỏ cần tốt hơn.
                  Nguyễn Phương Duy
                  Nguyễn Phương Duy
                  Dịch vụ tốt, giá cả hợp lý👍
                  Trần Đức Huy
                  Trần Đức Huy
                  Rất hay, rất tốt, rất hữu ích
                  Lee Hậu
                  Lee Hậu
                  Hỗ trợ rất nhanh và nhiệt tình
                  Quang Vinh
                  Quang Vinh
                  Chất lượng phục vụ ok, support khá nhanh chóng và chất lượng gói lớn tốt, gói nhỏ cần tốt hơn.
                  Bảo Nguyễn
                  Bảo Nguyễn
                  dịch vụ tốt, thanh toán nhanh chống
                  Đào Duy Khang
                  Đào Duy Khang
                  Hài lòng dịch vụ của tinohost
                  Trịnh Văn Tuấn
                  Trịnh Văn Tuấn
                  Sau khi sử dụng dịch vụ của TinoHost. Mình thấy website load nhanh hơn hẳn so với sử dụng ở nhà cung cấp cũ. Giá cả do mình đc mua với giá sale 99% của TinoHost nên rất là rẻ. Gói mình mua là gòi Hosting Bussiness 20GB. Thông số cấu hình cao nên web load khá mượt
                  Chúc TinoHost phát triển!
                  Lê Quang Huy
                  Lê Quang Huy
                  domain rẻ, có nhiều gói hữu ích thích hợp cho sinh viên
                  Đàm Văn Trọng
                  Đàm Văn Trọng
                  Dịch vụ trãi nghiệm tốt, cho 5 sao
                  Hiếu Phi
                  Hiếu Phi
                  Dịch vụ tốt . Support nhiệt tình
                  Nguyễn Quốc Đạt
                  Nguyễn Quốc Đạt
                  Dịch vụ thật tuyệt vời
                  Huy Lona
                  Huy Lona
                  Chất lượng OK
                  Nhanh chóng
                  Nghĩa Đinh
                  Nghĩa Đinh
                  Đã gia hạn thêm gói 1 năm nữa của TINO host. Chất lượng sản phẩm và dịch vụ thật sự tốt. AE nên trải nghiệm thử và tin dùng. Thank you TINO 👍
                  Hn Thiện
                  Hn Thiện
                  dịch vụ rất tốt
                  Hồ Viết Bun
                  Hồ Viết Bun
                  Nhân viên support nhanh, hỗ trợ nhiệt tình, giao dịch tự động nên khá tiện
                  Lê Ngọc Tài
                  Lê Ngọc Tài
                  đã mua tên miền và hosting bên Tino, sẽ trải nghiệm lâu dài
                  Tin Tin
                  Tin Tin
                  Đã dùng nhiều dịch vụ tại Tinohost, chất lượng tốt, rất hài lòng ...😀
                  Ton Nhan Thai
                  Ton Nhan Thai
                  Các bạn hỗ trợ làm việc nhiệt tình và chuyên nghiệp!
                  Ngô Trường Dũng
                  Ngô Trường Dũng
                  Sự dụng rất hài lòng với các dịch vụ của tinohost
                  Dương Minh Chính
                  Dương Minh Chính
                  Dịch vụ tốt, uy tín chất lượng
                  Ngo Duc Anh
                  Ngo Duc Anh
                  Tino dịch vụ quá tuyệt vời
                  Trần Bích Cương
                  Trần Bích Cương
                  Giá rẻ, dịch vụ tốt, hỗ trợ nhanh chóng
                  Trương Nguyễn
                  Trương Nguyễn
                  Dịch vụ tốt hỗ trợ support nhanh
                  Khiêm Lê Trần
                  Khiêm Lê Trần
                  dịch vụ rất tốt rất tuyệt vời
                  Nguyên Vũ
                  Nguyên Vũ
                  Giá hợp lý cho người mới dùng
                  Phuong Nguyen Hoang
                  Phuong Nguyen Hoang
                  Mình thấy Tinohost có giao diện thân thiện, dễ đăng ký sử dụng cho người mới tập tành làm web như mình. Hosting hỗ trợ có nhiều lựa chọn về dung lượng và giá cả! Thanh toán qua momo thuận tiện. Recommended!
                  Gà Việt
                  Gà Việt
                  wed quá ok làm việc nhanh ngọn
                  Tuấn Anh
                  Tuấn Anh
                  Dịch vụ tốt. Khá hài lòng vì support nhiệt tình
                  Nguyễn Văn Luyến
                  Nguyễn Văn Luyến
                  Dịch vụ quá tuyệt vời danh cho các bạn
                  Ngọc Nim
                  Ngọc Nim
                  đội sp của Tino rất nhiệt tình và nhanh chóng
                  Võ Trọng Tín
                  Võ Trọng Tín
                  Xin cảm ơn đội ngủ kỹ thuật. Các bạn rất chuyên nghiệp và thân thiện. Tôi sẽ giới thiệu các bạn cho bạn bè của mình.
                  Thân Hoàng
                  Thân Hoàng
                  Dịch vụ hỗ trợ tốt, ổn định, thanh toán dễ dàng.
                  Mình từng dùng VPS bên Vietel IDC, hay gặp lỗi vặt và bảo trì liên tục. Nhưng Tino thì rất ok
                  Dũng Mai
                  Dũng Mai
                  dùng tốt, nhanh, dễ sử dụng
                  Nguyễn Trần Việt Hoàng
                  Nguyễn Trần Việt Hoàng
                  Giao diện đẹp mắt, dễ sử dụng
                  Hoàng Kim Phú
                  Hoàng Kim Phú
                  ok, chưa dùng nên để test thử xem sao, vẫn đánh giá 5* trước
                  Trần Duy
                  Trần Duy
                  Thích cách tư vấn tận tình và nhanh gọn của Tino mỗi khi có vấn đề trục trặc. Hosting ổn định, giá rẻ tốt lắm nhé mọi người
                  Tuấn Anh
                  Tuấn Anh
                  Đề nghị xem lại vấn đề phục vụ khách hàng (livchat)!
                  Lý Quế Lâm
                  Lý Quế Lâm
                  Good. Tốc độ cao. Tùy chỉnh nhiều trên shared hosting.
                  Bùi Quang Truyện
                  Bùi Quang Truyện
                  hosting ngon, giá luôn rẻ, tôi làm code nhưng rất thích sài host tino
                  Ngô Quốc Đạt
                  Ngô Quốc Đạt
                  Dịch vụ tốt, hỗ trợ nhiệt tình
                  Đỗ Vũ Kim Ngân
                  Đỗ Vũ Kim Ngân
                  Tino cung cấp host rất chuyên nghiệp. Đội ngũ kỹ thuật hỗ trợ rất tận tâm và nhiệt tình. Mình sẽ tiếp tục ủng hộ Tino 🥰.
                  Nguyen Van Anh
                  Nguyen Van Anh
                  Rất tuyệt vời🙆🙆🙆🙆🙆🙆🙆🙆🙆
                  Phạm Minh Hiếu
                  Phạm Minh Hiếu
                  Xét về tầm giá thì TinoHost rất đáng để mua và sử dụng lâu dài.
                  Bá Hoàng
                  Bá Hoàng
                  tuyệt vời quá đi,tuyệt vời quá đi
                  Đinh Viết Duy
                  Đinh Viết Duy
                  Tốc độ ổn định, tư vấn nhiệt tình
                  Trường Thịnh Nam
                  Trường Thịnh Nam
                  mới tham gia, mong mọi người hỗ trợ thêm
                  Nguyễn Hữu Trung
                  Nguyễn Hữu Trung
                  Tốc độ khá tốt với gói rẻ nhất 9k
                  Văn Long
                  Văn Long
                  Giao dịch nhanh,support nhanh và tận tình,chuyển miền nhanh,Hosting Ok
                  Nguyễn Cần
                  Nguyễn Cần
                  mua sản phẩm dịch vụ tinhot rất tốt tặng ad 5tr ** luon nè🥰🥰🥰
                  Anh Văn Phan
                  Anh Văn Phan
                  là khách hàng của tino lâu năm, mình rất hài lòng với cách làm việc cực kì chuyên nghiệp của tino. sản phẩm chất lượng và dịch vụ chăm sóc cũng rất chất lượng. hi vọng tino tiếp tục duy trì và phát huy tinh thần này
                  Nguyễn Phạm An
                  Nguyễn Phạm An
                  tinohost
                  một truong những nơi bán hosting rẻ, chất lượng dành cho anh em nào cần để làm web
                  mua tại : tinohost.com
                  Nguyễn Đăng  Nam
                  Nguyễn Đăng Nam
                  Tư vấn tận tình và nhanh gọn mỗi khi có vấn đề trục trặc. Hosting ổn định, giá rẻ tốt lắm nhé mọi người
                  Hoài Trịnh
                  Hoài Trịnh
                  mình đã mua 2 tên miền + hosting của Tino Host . quả nhiên hiệu quả SEO cải thiện đáng kể và chứng chỉ bảo mật HTTPS miễn phí của Tino Host cũng ko kém phần quang trọng cho việc SEO website của mình
                  Tài Liệu Miễn Phí
                  Tài Liệu Miễn Phí
                  Tino host là một trong nhà cung cấp tốt nhất mình từng sử dụng. Với ưu đãi khuyến mại nhiều, giá thành rẻ kèm theo đó là sự support tuyệt vời của các admin. Nếu ai chưa lựa chọn được nhà cung cấp cho bản thân mình thì Tinohost sẽ là câu trả lời tốt nhất.
                  Phan Cường
                  Phan Cường
                  dịch vụ tốt, đội ngũ support nhiệt tình, cảm ơn #tinohost
                  Van Tan
                  Van Tan
                  dịch vụ tốt, chăm sóc khách hàng nhanh, đã mua 4 tên miền 😁
                  Vũ Đức Cần
                  Vũ Đức Cần
                  Uy tín, chất lượng, nhân viên hỗ trợ nhiệt tình
                  Phạm Thành
                  Phạm Thành
                  mua 2 domain tại tinohost dùng rất chất lượng
                  Nguyễn Đức Lợi
                  Nguyễn Đức Lợi
                  Đã mua 02 domain và hosting tại TinoHost, hài lòng cách tư vấn và chăm sóc khách hàng của TinoHost :)
                  Nguyễn Công Thanh
                  Nguyễn Công Thanh
                  Giá rẻ cấu hình mạnh, black friday là sự bùng nổ của Tino
                  Nguyễn Thái Dương
                  Nguyễn Thái Dương
                  Hay web bán tài nguyên rất ngon
                  Huy Lê Nguyễn
                  Huy Lê Nguyễn
                  dịch vụ tốt, mua luôn host chất lượng cao của công ty nhân dịp blackfriday, cảm ơn #tinohost
                  Phạm Gia Bảo Trấn
                  Phạm Gia Bảo Trấn
                  Dịch vụ rất tốt, nhân viên tận tình.
                  Next Reviews
                  • Kiến thức Hosting
                  • Webmasters
                  • Khuyến Mãi
                  • Kiếm tiền online
                  • Tài liệu
                  • Bitrix24
                  • Dịch vụ
                  Hotline: 1800 6734

                  © 2021 Tino Group - Chuyên trang thông tin hướng dẫn dịch vụ tại Tino Group. Sitemap

                  • Kiến thức Hosting
                  • Webmasters
                  • Khuyến Mãi
                  • Kiếm tiền online
                  • Tài liệu
                    • Hướng dẫn về Tên Miền
                    • Hướng dẫn về Cloud Hosting
                    • Hướng dẫn về Cloud VPS
                    • Câu hỏi chung về WordPress
                    • Hướng dẫn Email Server
                    • Hướng Dẫn Về Tổng Đài Ảo
                    • Hướng Dẫn Về Hóa Đơn Điện Tử
                    • Hướng dẫn về Thanh Toán
                    • Hướng dẫn về Chứng chỉ SSL
                    • Hướng dẫn cho Cộng Tác Viên
                    • Hướng dẫn chung
                    • Câu hỏi thường gặp
                    • Hướng dẫn về SEO hosting.
                  • Bitrix24
                    • Applications
                    • Bitrix24 Drive
                    • Calendars
                    • Chats and Calls
                    • Contact Center
                    • CRM
                    • CRM + Online Store
                    • CRM Analytics (Beta)
                    • CRM Marketing
                    • CRM Store (Beta)
                    • Desktop App
                    • Employees
                    • Feed
                    • Knowledge Base (Beta)
                    • Mobile App
                    • My Profile
                    • Online Store (Beta)
                    • Open Chanels
                    • Robotic Process Automation (Beta)
                    • Sales Center (Beta)
                  • Dịch vụ
                    • Tên miền
                    • Hosting
                    • VPS
                    • Email doanh nghiệp
                    • Chứng chỉ SSL
                    • Tổng đài ảo
                    • Thiết kế website
                    • Dịch vụ chuyển đổi số

                  © 2021 Tino Group - Chuyên trang thông tin hướng dẫn dịch vụ tại Tino Group. Sitemap

                  Xin Chào !

                  Đăng nhập vào tài khoản của bạn bên dưới

                  Đã quên mật khẩu?

                  Truy xuất mật khẩu của bạn

                  Vui lòng nhập tên người dùng hoặc địa chỉ email của bạn để đặt lại mật khẩu của bạn.

                  Đăng nhập
                  Go to mobile version