giả dụ bạn là 1 lập trình chẳng mất viên Front end, lập trình nhẹ chớ viên web site bạn sẽ biết CSS mang thể cực kỳ lôi cuốn. Trong Sass, bạn sở hữu thể sử dụng những đột nhiên toán tử khác nhau để thực hiện cần những gần 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ừ cũ 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 nhanh hơn, tiện dụng hơn, thanh nhã hơn. SASS bổ sung các công dụng và dụng cụ mới trên CSS cơ bản đích giúp bạn bố trí CSS tuyệt vời đầy đủ hơn, đơn giản đầy đủ gia hạn gần , tu tạo luôn hơn. Bằng cách thức mở mang mã CSS, SASS làm những có thể bỗng nhiên có thể Công trình lớn thân thiện những xa hơn. SASS hiểu thuần tuý cần là bộ tiền xử lý CSS và mang cú pháp cũ hơn sử dụng thụt lề để doanh nghiệp và tách các khối code. Về căn bản, nó sản xuất chưa một ngay phương pháp có thể quá viết CSS thuần tuý hữu ích hơn, mở rộng sẽ công dụng của CSS. những chẳng đột nhiên tệp SASS dùng dạng đuôi mở rộng có lẽ “.sass” . Nhìn chung, đây là các ưu điểm mà các lập trình những sâu viên đã xác nhận nhẹ gần tặng thường cả SCSS và SASS Sau thời kì hữu ích dài dùng khi những thường file CSS của bạn lớn hơn, chúng sẽ khó quản lý đột nhiên , bảo trì và bố trí hơn. đấy là lúc sớm đích mà bộ tiền xử lý CSS như SASS xuất hiện để giúp cho bạn tiết kiệm thời gian điều hành kho theme Wp chẳng gần hơn. SASS giúp cho các code viên front-end tăng luôn các khả năng với có lẽ các tính năng lắm độc đáo. SASS mở rộng quá đủ tiềm năng của CSS. hôm nay có thể rất chúng ta sẽ cùng không thể Phân tích, cùng gần tham khảo SASS như một bỗng nhiên hữu ích người mới mở đầu để bạn dần quen có dụng cụ viết CSS thực tiễn không này.
Sass string replace
hiện tại bạn có biết về 1 số công dụng của SASS sở hữu thể chuyển đổi level code ngoài mặt web site front-end của bạn. SASS string replace làm cho chớ CSS của bạn thuần tuý nhất hơn, đáng tin cậy hơn và sở hữu tổ chức có thể chính hơn. Trên hết, học SASS cũng chẳng phải khó khi đã biết CSS.
Tên hàm | bộc lộ |
---|---|
quote($string) |
Thêm cặp quote bao vòng vo 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 hữu ích 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ừ vẫn $start-at và kết thúc đích tại $end-at , trường hợp ko không thể truyền $end-at thì nó lấy tới xa cuối 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ợ chỉ các chuỗi trích dẫn kép và đơn, cũng như các chuỗi ko mất trích dẫn như Georgia, serif hoặc sans-serif. Sass tương trợ cũng chính cả ba và khả năng cao biên dịch biến thành cộng một thường cái dấu ngoặc quá 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 cái tiêu đề chính, được đặt trên h1 của bạn như sau: [code type=css] h1 font-family: $headline-typeface; ngắn [/code] tiêu dùng chớ các chuỗi trích dẫn ko mất trích dẫn, trích dẫn đơn và trích dẫn kép trong những nhẹ cần biến bề ngoài 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; rất h1 font-family: ‘Lucida Grande’; nhanh h1 font-family: “Lucida Grande”; lớn [/code] kể cách thức khác, bất cứ loại trích dẫn nào (hoặc không có trích dẫn) bạn đã sử dụng trong sass sẽ xuất hiện trong tệp CSS kết quả của bạn.