giả dụ bạn là 1 code viên Front end, code viên trang đột nhiên web bạn sẽ biết CSS có thể cực kỳ đặc sắc. Trong Sass cũng , bạn có thể dùng các toán tử khác nhau để thực hành không thể các thao tác giống như nối chuỗi, nối màu, v.v.

Sass string

Sass add string

SASS nhất là viết tắt của trong khoảng Syntactively Awesome rất Style Sheets. SASS là ngôn ngữ kịch bản và bộ tiền sẽ xử lý CSS, biên dịch mã biến thành CSS để giúp bạn viết nhanh CSS mau lẹ hơn, dễ dàng hơn, cao nhã hơn. SASS bổ sung mới các chức năng và công cụ mới trên CSS căn bản giúp bạn lại bố trí CSS hợp lý hơn, dễ bảo trì, sang sửa hơn. Bằng thôi bí quyết mở mang mã CSS, SASS khiến các Công trình chưa lớn gần gũi hơn. SASS hiểu đơn giản là bộ tiền xử lý CSS và có cú pháp cũ hơn dùng thụt lề để công ty và tách các khối code. Về căn bản, nó cung cấp 1 bí quyết viết CSS đơn giả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 điểm cộng mà các code viên đã công nhận cho cả SCSS và SASS Sau thời gian dài dùng khi các file CSS của bạn lớn hơn, chúng sẽ khó điều hành, bảo trì và bố trí hơn. ấy là khi mà bộ tiền xử lý CSS giống như SASS xuất hiện để giúp bạn tiết kiệm thời gian điều hành kho theme Word press hơn. SASS giúp cho các code viên front-end chậm nâng cao các khả năng có các chức năng độc đáo. SASS cả mở mang đủ tiềm năng của CSS. bữa nay chúng ta sẽ cộng đang Đánh giá, cộng tham khảo SASS giống như 1 người mới đích khai mạc để bạn dần quen có công cụ viết CSS thực tại luôn này.

Sass string replace

bây giờ bạn có biết về 1 số chức năng của SASS có cần thể chuyển đổi level code bề ngoài trang web front-end của bạn. SASS đang string replace khiến CSS của bạn đơn giản hơn, đáng chậm tin cậy hơn và có công ty hơn. Trên hết, học SASS cũng nhất chẳng hề khó khi đã biết CSS. cướctính năngdata

Tên hàm	biểu đạt
quote($string)	Thêm cặp quote bao loanh 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 khai mạc 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 đến cuối 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 chưa dẫn kép và đơn, cũng giống như các chuỗi không trích có lẽ dẫn giống như Georgia, serif hoặc sans-serif. Sass chẳng hỗ trợ cả ba và có lẽ biên dịch biến thành cộng 1 cái đích dấu ngoắc kép hoặc thiếu dấu ngoắc kép trong CSS. vẫn Ví dụ: bạn đang 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; chỉ [/code] dùng các chuỗi trích dẫn không trích dẫn, trích dẫn đơn và trích dẫn kép trong các biến bề ngoài trang web chuẩn seo của bạn: [code type=css] $headline-typeface: nhanh Lucida Grande; $headline-typeface: ‘Lucida Grande’ dễ ; $headline-typeface: “Lucida Grande”; [/code] chính Sẽ biên dịch thành: [code type=css] h1 font-family: đang Lucida Grande; cần h1 font-family: ‘Lucida Grande’ cũ ; thường h1 font-family: “Lucida Grande”; chưa chẳng [/code] đề cập bí quyết khác, bất cứ cái trích dẫn luôn nào (hoặc không có trích dẫn) bạn đã dùng trong sass mới sẽ xuất hiện trong tệp CSS kết quả của bạn.