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

Tên hàm	trình bày
quote($string)	Thêm cặp quote bao quanh quéo 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ở đầu 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 tới cuối cùng 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 hỗ trợ các chuỗi trích dẫn kép và đơn, tương tự như các chuỗi không trích dẫn như Georgia, serif hoặc sans-serif. Sass tương trợ cả ba và có thể biên dịch trở thành cộng 1 cá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 chiếc title chính, được đặt trên h1 của bạn như là sau: [code type=css] h1 font-family: $headline-typeface; [/code] dùng các chuỗi trích dẫn ko trích dẫn, trích dẫn đơn và trích dẫn kép trong các biến ngoại hình 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] nói bí quyết khác, bất kể mẫu trích dẫn nào (hoặc không sở hữu 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.