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

Sass string replace

hiện giờ bạn mang biết về một số tính năng của SASS sở hữu thể đổi thay level code kiểu dáng web site front-end của bạn. SASS string replace làm CSS của bạn thuần tuý hơn, tin cậy cậy hơn và mang công ty hơn. Trên hết, học SASS cũng chẳng hề khó lúc đã biết CSS.

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

5/5 - (1 bình chọn)

Sass string - Các tính năng của SASS giành cho front end