giả dụ bạn là một code viên Front end, code viên web bạn sẽ biết CSS sở hữu thể vô cùng đặc sắc. Trong Sass, bạn với thể tiêu dùng các toán tử khác nhau để thực hành những thao tác như 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ã thành CSS để hỗ trợ bạn viết CSS mau lẹ hơn, thuận tiện hơn, thanh tao hơn. SASS bổ sung những công dụng và công cụ mới trên CSS căn bản giúp bạn sắp xếp CSS tối ưu hơn, dễ gia hạn, tôn tạo hơn. Bằng cách thức mở rộng mã CSS, SASS khiến cho các Dự án to 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 dùng thụt lề để tổ chức và tách những khối lập trình. Về căn bản, nó cung ứng một cách viết CSS đơn thuần hơn, mở mang chức năng của CSS. các tệp SASS dùng dạng đuôi mở mang ".sass" . Nhìn chung, đây là các thế mạnh 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 khi những file CSS của bạn to hơn, chúng sẽ khó quản lý, bảo trì và xếp đặt hơn. ấy là khi mà bộ tiền xử lý CSS như là SASS xuất hiện để hỗ trợ bạn tiết kiệm thời kì quản lý kho theme Word press hơn. SASS giúp cho những code viên front-end nâng cao các năng lực sở hữu các 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 Đánh giá, cùng tham khảo SASS như một người mới mở màn để bạn dần quen mang dụng cụ viết CSS thực tế này.

Sass string replace

hiện giờ bạn sở hữu biết về một số công dụng của SASS có thể thay đổi level code kiểu dáng website front-end của bạn. SASS string replace khiến cho CSS của bạn thuần tuý hơn, đáng tin cậy hơn và có doanh nghiệp hơn. Trên hết, học SASS cũng chẳng hề khó lúc đã biết CSS.

Tên hàm	biểu thị
quote($string)	Thêm cặp quote bao vòng quanh chuỗi $string
unquote($string)	Xóa các 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 trong khoảng $start-at và chấm dứt tại $end-at, trường hợp không 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 tương trợ các chuỗi trích dẫn kép và đơn, cũng giống 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 biên dịch trở thành cùng 1 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 loại title chính, được đặt trên h1 của bạn giống như sau: [code type=css] h1 font-family: $headline-typeface; [/code] sử dụng các 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 mặt website 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 thức khác, bất cứ chiếc trích dẫn nào (hoặc không mang trích dẫn) bạn đã tiêu dùng trong sass sẽ xuất hiện trong tệp CSS thành quả của bạn.