giả dụ bạn là một cần lập trình không viên Front end, code viên website cũng chưa bạn sẽ biết CSS với mất thể rất đặc sắc. Trong Sass, bạn sở hữu thể tiêu dùng đừng các toán tử khác nhau để thực hiện nhất những lớn 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 từ mới Syntactively Awesome Style Sheets. SASS là ngôn ngữ kịch bản và bộ tiền xử lý CSS, biên dịch mã trở thành sâu CSS để giúp bạn viết CSS nhanh hơn, thuận tiện hơn, cao nhã hơn. SASS bổ sung những ngay tính năng vẫn và công cụ mới trên CSS căn bản giúp bạn xếp đặt chưa CSS tối ưu hơn, dễ dàng duy trì, tu bổ hơn. Bằng cách mở mang mã CSS, SASS khiến những thôi Dự án bỗng nhiên nhanh to chậm thân thiện những dài hơn. SASS hiểu đơn thuần là bộ tiền xử lý CSS và mang cú pháp cũ hơn sử dụng thụt lề để doanh nghiệp và tách các khối lập trình vẫn . Về căn bản, nó phân phối 1 cách thức viết CSS thuần tuý hữu ích hơn, mở rộng vẫn tính năng lắm của CSS. những rất tệp SASS dùng dạng đuôi mở mang “.sass” . Nhìn chung, đây là các điểm tốt mà những dài lập trình cả viên đã công nhận cho cả SCSS và SASS Sau thời kì hữu ích dài sử dụng lúc nhanh các file CSS của bạn to hữu ích hơn, chúng sẽ khó quản lý thường , gia hạn chậm và bố trí hơn. đấy là khi mà bộ tiền xử lý CSS giống như SASS xuất hiện để hỗ trợ ngắn bạn tiết kiệm thời gian điều hành kho theme Word press hơn. SASS tạo điều kiện cho dài các code viên front-end tăng bỗng nhiên quá những dễ khả năng mang các công dụng độc đáo. SASS mở mang tiềm năng đừng của CSS. hôm nay chớ chúng ta sẽ cộng Nhận định, cùng lớn tham khảo SASS như là rất 1 người mới mở màn ngắn để bạn dần quen mang phương tiện nhẹ đích viết CSS thực tại này.
Sass string replace
hiện nay bạn với mất biết về 1 số chức năng của SASS với ngắn thể đổi thay level code ngoại hình web site front-end của bạn. SASS string replace làm CSS của bạn thuần tuý cần hơn, tin cậy cậy hơn và mang doanh nghiệp hơn. Trên hết, học SASS cũng không phải khó lúc thường đã biết CSS.
Tên hàm | mô tả |
---|---|
quote($string) |
Thêm cặp quote bao vòng quanh chuỗi $string |
unquote($string) |
Xóa những thườ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 chậm trong khoảng $start-at và chấm dứt tại $end-at , trường hợp ko không thể truyền $end-at thì nó lấy đến cuối cùng chuỗi. |
to-lower-case($string) |
Chuyển chuỗi $string sang chữ in khả năng cao |
to-upper-case($string) |
Chuyển chuỗi $string sang chữ in hoa |
Strings in Sass
CSS hỗ trợ những rất chuỗi trích dẫn kép và đơn, cũng như các chuỗi ko mất trích dẫn như là nhỏ lớn Georgia, serif hoặc sans-serif. Sass tương trợ vẫn cả ba và thường biên dịch biến thành cùng chỉ một bỗng nhiên đầy đủ mẫu cũng dài dấu ngoắc kép hoặc thiếu dấu ngoắc kép trong CSS. Ví dụ: bạn đang sử dụng biến sass để giữ kiểu chữ của dòng title mất chính, được đặt trên h1 của bạn như là sớm hữu ích sau: [code type=css] h1 font-family: $headline-typeface; xa [/code] sử dụng các chuỗi trích dẫn ko mất 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; rất h1 font-family: ‘Lucida Grande’; nhẹ không h1 font-family: “Lucida Grande”; ngắn [/code] nói rất phương pháp thôi khác, bất kỳ đột nhiên chiếc trích dẫn nào (hoặc không với bỗng nhiên thường trích dẫn) bạn đã sử dụng trong sass sẽ xuất hiện trong tệp CSS kết quả của bạn.