ví như 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 hành các 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 trong khoảng 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 để giúp cho bạn viết CSS nhanh hơn, tiện lợi hơn, cao nhã hơn. SASS bổ sung những công dụng và phương tiện mới trên CSS cơ bản giúp bạn sắp xếp CSS tuyệt vời hơn, dễ bảo trì, tu chỉnh hơn. Bằng bí quyết mở rộng mã CSS, SASS làm cho các Dự án lớn thân thiện hơn. SASS hiểu đơn giản là bộ tiền xử lý CSS và mang cú pháp cũ hơn sử dụng thụt lề để tổ chức và tách các khối code. Về cơ bản, nó phân phối 1 bí quyết viết CSS đơn thuần hơn, mở mang tính năng của CSS. các tệp SASS dùng dạng đuôi mở mang ".sass" . Nhìn chung, đây là những điểm cộng mà các lập trình viên đã xác nhận tặng cả SCSS và SASS Sau thời gian dài dùng lúc những file CSS của bạn to hơn, chúng sẽ khó điều hành, bảo trì và bố trí hơn. đó là khi mà bộ tiền xử lý CSS như SASS xuất hiện để giúp cho bạn tiết kiệm thời kì quản lý kho theme WordPress hơn. SASS giúp cho những code viên front-end nâng cao những tài năng mang những công dụng độc đáo. SASS mở mang tiềm năng của CSS. bữa nay chúng ta sẽ cộng Tìm hiểu, cùng tham khảo SASS như là 1 người mới khai mạc để bạn dần quen sở hữu công cụ viết CSS thực tại này.

Sass string replace

hiện giờ bạn có biết về một số tính năng của SASS có thể đổi thay level lập trình thiết kế web front-end của bạn. SASS string replace làm CSS của bạn thuần tuý hơn, uy tín cậy hơn và sở hữu đơn vị hơn. Trên hết, học SASS cũng không phải khó lúc đã biết CSS.

Tên hàm	biểu đạt
quote($string)	Thêm cặp quote bao lòng vòng 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 mở màn từ $start-at và kết thúc tại $end-at, trường hợp ko truyền $end-at thì nó lấy tới cuối cùng chuỗi.
to-lower-case($string)	Chuyển chuỗi $string sang chữ in có lẽ
to-upper-case($string)	Chuyển chuỗi $string sang chữ in hoa

Strings in Sass

CSS hỗ trợ các chuỗi trích dẫn kép và đơn, 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à thường xuyên biên dịch thành cùng 1 loại 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 mẫu title chính, được đặt trên h1 của bạn 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 ngoại hình web site 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] kể cách thức khác, bất kỳ dòng trích dẫn nào (hoặc không có trích dẫn) bạn đã sử dụng trong sass sẽ xuất hiện trong tệp CSS thành quả của bạn.