giả dụ bạn là 1 lập trình viên Front end, code viên web site bạn sẽ biết CSS có thể vô cùng lôi cuốn. Trong Sass, bạn với thể tiêu dùng những toán tử khác nhau để thực hành những thao tác giống 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ã trở thành CSS để hỗ trợ bạn viết CSS mau lẹ hơn, tiện lợi hơn, thanh tao hơn. SASS bổ sung các chức năng và dụng cụ mới trên CSS căn bản giúp bạn xếp đặt CSS hợp lý hơn, đơn giản duy trì, tu sửa hơn. Bằng bí quyết mở rộng mã CSS, SASS khiến các Dự án lớn thân thiện hơn. SASS hiểu đơn thuần là bộ tiền xử lý CSS và mang cú pháp cũ hơn tiêu dùng thụt lề để đơn vị và tách những khối lập trình. Về căn bản, nó sản xuất một cách viết CSS đơn giản hơn, mở rộng tác dụng của CSS. những tệp SASS sử dụng dạng đuôi mở rộng “.sass” . Nhìn chung, đây là các thế mạnh mà những lập trình viên đã xác nhận cho cả SCSS và SASS Sau thời kì dài dùng khi các file CSS của bạn to hơn, chúng sẽ khó điều hành, gia hạn và xếp đặt hơn. đó là lúc mà bộ tiền xử lý CSS như là SASS xuất hiện để giúp bạn tiết kiệm thời kì điều hành kho theme Word press hơn. SASS giúp cho các code viên front-end tăng các năng lực sở hữu những tính năng độc đáo. SASS mở rộng tiềm năng của CSS. hôm nay chúng ta sẽ cộng Phân tích, cùng tham khảo SASS giống như một người mới khai mạc để bạn dần quen có công cụ viết CSS thực tế này.
Sass string replace
bây giờ bạn có biết về 1 số tác dụng của SASS sở hữu 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 đơn thuần hơn, uy tín cậy hơn và có tổ chức hơn. Trên hết, học SASS cũng chẳng hề khó lúc đã biết CSS.
Tên hàm | diễn tả |
---|---|
quote($string) |
Thêm cặp quote bao 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 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 đến cuối chuỗi. |
to-lower-case($string) |
Chuyển chuỗi $string sang chữ in thường xuyên |
to-upper-case($string) |
Chuyển chuỗi $string sang chữ in hoa |
Strings in Sass
CSS tương 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ư Georgia, serif hoặc sans-serif. Sass hỗ trợ cả ba và thường biên dịch biến 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 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 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 bí quyết khác, bất cứ loại trích dẫn nào (hoặc ko với 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.