nếu như bạn là một code viên Front end, lập trình viên web bạn sẽ biết CSS sở hữu thể cực kỳ thú vị. Trong Sass, bạn với thể dùng những 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ã biến thành CSS để giúp cho bạn viết CSS nhanh hơn, tiện lợi hơn, tao nhã hơn. SASS bổ sung các tính năng và phương tiện mới trên CSS căn bản giúp bạn sắp xếp CSS hợp lý hơn, dễ gia hạn, tôn tạo hơn. Bằng cách mở mang mã CSS, SASS khiến 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à với cú pháp cũ hơn sử dụng thụt lề để tổ chức và tách những khối lập trình. Về cơ bản, nó cung cấp một bí quyết viết CSS đơn thuần hơn, mở rộng chức năng của CSS. những tệp SASS tiêu dùng dạng đuôi mở mang “.sass” . Nhìn chung, đây là các ưu điểm mà các lập trình viên đã xác nhận cho cả SCSS và SASS Sau thời kì dài sử dụng khi các file CSS của bạn lớn hơn, chúng sẽ khó điều hành, duy trì và sắp xếp hơn. đấy 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 kì quản lý kho theme Word press hơn. SASS giúp cho những code viên front-end nâng cao những tài năng với những tính năng độc đáo. SASS mở mang khả năng của CSS. bữa nay chúng ta sẽ cùng Tìm hiểu, cộng tham khảo SASS như một người mới khai mạc để bạn dần quen với phương tiện viết CSS thực tại này.
Sass string replace
hiện giờ bạn có biết về một số chức năng của SASS sở hữu thể thay đổi level lập trình ngoài mặt website front-end của bạn. SASS string replace khiến cho CSS của bạn thuần tuý hơn, đáng tin cậy hơn và có tổ chức hơn. Trên hết, học SASS cũng chẳ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 vòng 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) |
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 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 sau cùng 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ợ 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ư Georgia, serif hoặc sans-serif. Sass hỗ trợ cả ba và thường xuyên biên dịch biến thành cộng 1 loại 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 loại 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 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] đề cập phương pháp khác, bất kể loại trích dẫn nào (hoặc ko mang 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.
Tất Vành Cơ (sieutocviet.org)
Trải qua 5 năm thực chiến CSS, JS 7 năm thực chiến trong quản trị website tư vấn giải pháp đẩy top, Marketing tối ưu nhất cho doanh nghiệp.
Hiện đang là quản lý kinh doanh tại Siêu Tốc Việt.