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

Sass string replace

ngày nay bạn với biết về 1 số chức năng của SASS mang thể thay đổi level code ngoại hình web front-end của bạn. SASS string replace khiến CSS của bạn đơn giản hơn, uy tín cậy hơn và mang đơn vị hơn. Trên hết, học SASS cũng ko phải khó khi đã biết CSS.

Tên hàm	trình bày
quote($string)	Thêm cặp quote bao loanh quanh chuỗi $string
unquote($string)	Xóa nhữ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)	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 trong khoảng $start-at và kết thúc tại $end-at, trường hợp ko truyền $end-at thì nó lấy tới cuối chuỗi.
to-lower-case($string)	Chuyển chuỗi $string sang chữ in có thể
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ư các chuỗi ko trích dẫn giống như Georgia, serif hoặc sans-serif. Sass hỗ trợ cả ba và có lẽ biên dịch biến thành cùng một 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 tiêu dùng biến sass để giữ kiểu chữ của chiếc title chính, được đặt trên h1 của bạn như sau: [code type=css] h1 font-family: $headline-typeface; [/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 những biến mẫu mã 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] nhắc cách thức khác, bất cứ chiếc trích dẫn nào (hoặc không sở hữu trích dẫn) bạn đã dùng trong sass sẽ xuất hiện trong tệp CSS kết quả của bạn.