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

Sass string replace

ngày nay bạn với biết về một số công dụng của SASS với thể chuyển đổi level lập trình thiết kế web front-end của bạn. SASS string replace khiến CSS của bạn đơn thuần hơn, tin cẩn cậy hơn và mang công ty hơn. Trên hết, học SASS cũng không phải khó khi đã biết CSS.

Tên hàm	bộc lộ
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)	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 mở màn từ $start-at và kết thúc tại $end-at, trường hợp không truyền $end-at thì nó lấy đến sau cùng chuỗi.
to-lower-case($string)	Chuyển chuỗi $string sang chữ in thường
to-upper-case($string)	Chuyển chuỗi $string sang chữ in hoa

Strings in Sass

CSS tương trợ các chuỗi trích dẫn kép và đơn, cũng giống như các 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 biên dịch biến 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 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 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 thiết kế web site 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 bí quyết khác, bất kể dòng 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 thành quả của bạn.