giả dụ bạn là một lập trình viên Front end, code viên web bạn sẽ biết CSS với thể cực kỳ thú vị. Trong Sass, bạn với thể sử dụng các toán tử khác nhau để thực hiện những thao tác như là nối chuỗi, nối màu, v.v.
Sass string
Sass add string
SASS là viết tắt của từ Syntactively Awesome Style Sheets. SASS là tiếng nói kịch bản và bộ tiền xử lý CSS, biên dịch mã biến thành CSS để hỗ trợ bạn viết CSS nhanh hơn, dễ dàng hơn, thanh nhã hơn. SASS bổ sung các tính năng và dụng cụ mới trên CSS căn bản giúp cho bạn sắp đặt CSS tối ưu hơn, dễ dàng duy trì, tu bổ hơn. Bằng bí quyết mở rộng mã CSS, SASS làm cho những Công trình lớn gần gũi hơn. 
SASS hiểu thuần tuý là bộ tiền xử lý CSS và mang cú pháp cũ hơn dùng thụt lề để công ty và tách những khối lập trình. Về cơ bản, nó cung cấp một cách viết CSS thuần tuý hơn, mở mang tác dụng của CSS. các tệp SASS dùng dạng đuôi mở rộng “.sass” . Nhìn chung, đây là các điểm mạnh mà những lập trình viên đã công nhận đưa cho cả SCSS và SASS Sau thời gian dài sử dụng lúc những file CSS của bạn lớn hơn, chúng sẽ khó điều hành, duy trì và sắp xếp hơn. đó là khi mà bộ tiền xử lý CSS giống như SASS xuất hiện để giúp cho bạn tiết kiệm thời gian điều hành kho theme Word press hơn. SASS giúp cho những code viên front-end tăng các kĩ năng sở hữu những công dụng độc đáo. SASS mở rộng tiềm năng của CSS. hôm nay chúng ta sẽ cùng Tìm hiểu, cùng tham khảo SASS như 1 người mới khai mạc để bạn dần quen mang dụng cụ viết CSS thực tiễn này.
Sass string replace
hiện giờ bạn có biết về một số tính năng của SASS sở hữu thể đổi thay level code mẫu mã website front-end của bạn. SASS string replace khiến cho CSS của bạn đơn giản hơn, đáng tin cậy hơn và với đơn vị hơn. Trên hết, học SASS cũng không hề khó khi đã biết CSS. 
| Tên hàm | mô tả |
|---|---|
quote($string) |
Thêm cặp quote bao quanh co chuỗi $string |
unquote($string) |
Xóa những cặp quote ra khỏi chuỗi $string |
str-length($string) |
Trả về tổng số ký tự của chuỗi $string |
str-insert($string,$insert,$index) |
Thêm chuỗi $insert vào chuỗi $string tại vị trí $index |
str-index($string, $substring) |
kiểm tra vị trí xuất hiện chuỗi $subtring trong chuỗi $string |
str-slice($string,$start-at,[$end-at]) |
Cắt chuỗi khai mạc trong khoảng $start-at và kết thúc tại $end-at, trường hợp ko truyền $end-at thì nó lấy đến sau cùng chuỗi. |
to-lower-case($string) |
Chuyển chuỗi $string sang chữ in có thể |
to-upper-case($string) |
Chuyển chuỗi $string sang chữ in hoa |
Strings in Sass
CSS hỗ trợ những chuỗi trích dẫn kép và đơn, tương tự như các chuỗi ko trích dẫn như là Georgia, serif hoặc sans-serif. Sass tương trợ cả ba và có lẽ biên dịch thành cùng một mẫu dấu ngoặc kép hoặc thiếu dấu ngoắc kép trong CSS. 
Ví dụ: bạn đang tiêu dùng biến sass để giữ kiểu chữ của cái tiêu đề chính, được đặt trên h1 của bạn giống như sau: [code type=css] h1 font-family: $headline-typeface; [/code] tiêu dùng những chuỗi trích dẫn ko trích dẫn, trích dẫn đơn và trích dẫn kép trong những biến kiểu dáng trang web chuẩn seo của bạn: [code type=css] $headline-typeface: Lucida Grande; $headline-typeface: ‘Lucida Grande’; $headline-typeface: “Lucida Grande”; [/code] Sẽ biên dịch thành: [code type=css] h1 font-family: Lucida Grande; h1 font-family: ‘Lucida Grande’; h1 font-family: “Lucida Grande”; [/code] đề cập cách khác, bất kỳ dòng trích dẫn nào (hoặc không có trích dẫn) bạn đã dùng trong sass sẽ xuất hiện trong tệp CSS thành quả của bạn.
Lê Trương Tấn Lộc (webseowp.vn)
Với 5 năm thực chiến Python, PHP 6 năm kinh nghiệm trong quản trị web site tư vấn giải pháp đẩy top, Marketing tối ưu nhất cho tập đoàn quốc tế.
Hiện đang là giám đốc kinh doanh tại Siêu Tốc Việt.