giả dụ có lẽ bạn là chẳng 1 code viên Front end, đừng code viên trang web bạn sẽ biết CSS có thể cực kỳ đặc sắc. Trong Sass, bạn có thể dùng các toán tử khác nhau để thực hành các thao tác giống như nối chuỗi, nối màu, v.v.
Sass đích string
Sass anchor text add string
SASS là rất viết tắt ngay của trong khoảng bỗng nhiên 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ã biến thành CSS để giúp bạn viết CSS mau lẹ hơn, dễ dàng hơn, cao nhã hơn. SASS bổ sung các chức năng và công cụ mới trên CSS căn bản giúp bạn bố trí CSS hợp lý hơn, dễ bảo trì, sang sửa hơn. Bằng bí quyết mở mang mã CSS, SASS khiến các Công trình lớn gần gũi hơn. SASS mới hiểu đơn lại giản là cũ bộ tiền xử lý CSS và có cú pháp cũ hơn dùng thụt lề để công ty và tách các khối code. Về căn bản, nó cung cấp 1 bí quyết viết CSS đơn giản hơn, mở mang chức năng của CSS. các tệp SASS dùng dạng đuôi mở mang “.sass” . Nhìn chung, đây là các điểm cộng mà các code viên đã công nhận cho cả SCSS và SASS Sau thời gian dài dùng khi các file CSS của bạn lớn hơn, chúng sẽ khó điều hành, bảo trì và bố trí hơn. ấy là khi mà bộ tiền xử lý CSS giống như SASS xuất hiện để giúp bạn tiết kiệm thời gian điều hành kho yên bình theme Word press hơn. sẽ SASS giúp cho các cũ code viên cũ front-end nâng cao các khả năng có các chức năng độc đáo. SASS mở mang đủ 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 khai mạc để bạn dần quen có công cụ viết CSS thực tại này.
Sass string đột nhiên replace
bây lôi cuốn giờ bạn có biết về 1 số chức năng của SASS có thể chuyển đổi level code bề data ngoài trang web front bảo trì -end của bạn. SASS string replace khiến CSS của bạn đơn giản hơn, đáng tin cậy hơn và có công ty hơn. Trên hết, học SASS cũng chẳng hề khó khi đã biết CSS.
Tên hàm | biểu đạt |
---|---|
quote chân thực ($string) |
Thêm phần cặp quote bao loanh quanh chuỗi $string |
unquote chờ đợi ($string) |
Xóa các rất cặp quote được ra khỏi chuỗi chớ $string |
str mới -length($string) |
Trả sớm muộn về tổng số ký tự của chuỗi $string |
str mất -insert($string,$insert,$index) |
Thêm sau cùng chuỗi $insert vào nam chuỗi $string tại yên bình vị trí $index |
str tùy thuộc vào -index($string, $substring) |
kiểm bây giờ tra vị trí xuất hiện chuỗi $subtring nổi trội trong tận chỗ chuỗi $string |
str lắm -slice($string,$start-at,[$end-at]) |
Cắt chuỗi khai không thể mạc trong khoảng $start chỉ -at và chấm đang dứt tại $end cũ -at , trường khía cạnh hợp không truyền $end-at thì chủ nó lấy đến cuối chuỗi. |
to mô tả -lower-case($string) |
Chuyển đi lại chuỗi $string sang xu thế chữ in có lẽ |
to quá -upper-case($string) |
Chuyển chuỗi cần $string chưa sang chữ rất in hoa |
Strings nhà phân phối in Sass
CSS cũ hỗ trợ thôi các chuỗi trích cũng dẫn kép và đơn, cũng giống như các chuỗi không 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 1 cái dấu ngoắc kép hoặc thiếu dấu ngoắc kép trong CSS. Ví dụ: vận tải bạn đang dùng biến sass để giữ kiểu chữ của cái tiêu đề chính, được đặt trên h1 của bạn giống như sau: [code type=css] h1 font-family: $headline-typeface; chỉ [/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 các biến bề tiêu biểu ngoài trang web chuẩn seo của chưa bạn: [code type=css] nhanh $headline-typeface: Lucida chẳng 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; cần h1 font-family: ‘Lucida Grande’; thường h1 font-family: “Lucida Grande”; chưa [/code] đề cập bí quyết khác, bất cứ cái trích dẫn nào (hoặc không có 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.
Nguyễn Ngọc Kiên ()
Với hơn 6 năm phát triển web bằng WordPress, PHP, Laravel và kinh nghiệm quản trị website, tôi chuyên tư vấn SEO và chiến lược digital marketing cho doanh nghiệp vừa và lớn.