nếu bạn là một code viên Front end, lập trình viên trang web bạn sẽ biết CSS với thể rất thú vị. Trong Sass, bạn sở hữu thể sử dụng những toán tử khác nhau để thực hiện 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 từ 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ã biến thành CSS để giúp cho bạn viết CSS tốc độ hơn, tiện lợi hơn, thanh nhã hơn. SASS bổ sung những tính năng và phương tiện mới trên CSS căn bản giúp cho bạn xếp đặt CSS thông minh hơn, dễ gia hạn, sang sửa hơn. Bằng cách thức mở rộng mã CSS, SASS làm cho những Dự án to thân thiện hơn. SASS hiểu đơn thuần là bộ tiền xử lý CSS và sở hữu cú pháp cũ hơn sử dụng thụt lề để công ty và tách những khối code. Về cơ bản, nó cung ứng một bí quyết 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ở mang “.sass” . Nhìn chung, đây là các thế mạnh mà các lập trình viên đã công nhận đưa cho cả SCSS và SASS Sau thời gian dài tiêu 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. ấy là khi mà bộ tiền xử lý CSS như là SASS xuất hiện để giúp cho 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 lập trình viên front-end nâng cao các kĩ năng sở hữu những tính năng độc đáo. SASS mở rộng tiềm năng của CSS. bữa nay chúng ta sẽ cộng Nhận định, cộng tham khảo SASS như là 1 người mới khai mạc để bạn dần quen với phương tiện viết CSS thực tế này.
Sass string replace
hiện nay bạn có biết về 1 số tác dụng của SASS mang thể chuyển đổi level code ngoại hình trang web front-end của bạn. SASS string replace làm CSS của bạn thuần tuý hơn, tin cẩn cậy hơn và với đơn vị hơn. Trên hết, học SASS cũng chẳng hề khó khi đã biết CSS.
Tên hàm | diễn tả |
---|---|
quote($string) |
Thêm cặp quote bao quanh co 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) |
rà soát 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 từ $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 khả năng cao |
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, cũng giống như những chuỗi không 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 trở thành cùng 1 chiếc 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 cái tiêu đề chính, được đặt trên h1 của bạn như là 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 mặt trang web 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 khác, bất cứ chiếc 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 kết quả của bạn.