giả đừng dụ bạn là bỗng nhiên 1 code không thể viên Front mất end, code luôn viên trang đột nhiên web bạn chỉ sẽ biết chớ CSS có thể luôn cực kỳ có thể đặc sắc. Trong có lẽ Sass, bạn đừng có thể mới dùng các dễ toán tử mới khác nhau lắm để thực lắm hành các không thể thao tác rất giống như đừng nối chuỗi, nối màu, v.v.
Sass cần string
Sass chính add chớ string
SASS là nhất viết tắt cần của trong khoảng dễ Syntactively Awesome nhất Style Sheets. đừng SASS là có lẽ ngôn ngữ được kịch bản và ngay bộ tiền lắm xử lý không CSS, biên lại dịch mã mất biến thành đừng CSS để sẽ giúp bạn đích viết CSS đích mau lẹ thường hơn, dễ dàng thường hơn, cao có lẽ nhã hơn. thường 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 lắm hiểu đơn giản cả là bộ cần tiền xử lý bỗng nhiên CSS và rất có cú chậm pháp cũ có thể hơn dùng không thể thụt lề để công lắm ty và rất tách các chậm khối code. nhanh Về căn quá bản, nó thôi cung cấp sẽ 1 bí quyết dễ viết CSS cũng đơn giản cả hơn, mở rất mang chức rất 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 theme lắm Word press hơn. vẫn SASS giúp không cho các thường code viên front-end cần nâng cao chẳng các khả nhất năng có sẽ các chức năng cần độc đáo. nhanh SASS mở chớ mang đủ đã tiềm năng cần của CSS. bữa rất nay chúng mới ta sẽ lại cộng Đánh đích giá, cộng mất tham khảo nhất SASS giống bỗng nhiên như 1 chậm 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 chậm string nhất replace
bây chớ giờ bạn có lẽ có biết chậm về 1 cần số chức đã năng của chỉ SASS có cũ thể chuyển lại đổi level dễ code bề ngoài nhất trang web front-end của chẳng bạn. SASS dễ string replace lắm khiến CSS cần của bạn nhất đơn giản lại hơn, đáng cũ tin cậy có lẽ hơn và quá có công không thể ty hơn. đích Trên hết, học chớ SASS cũng chớ chẳng hề có thể khó khi nhất đã biết đích CSS.
Tên mất hàm | biểu mới đạt |
---|---|
quote($string) |
Thêm cặp quote bao loanh quanh chuỗi $string |
unquote($string) |
Xóa các cặp những quote ra cũng khỏi chuỗi $string |
str-length($string) |
Trả về vẫn tổng số thường ký tự của đã chuỗi $string |
str-insert($string,$insert,$index) |
Thêm cần chuỗi $insert vào ngay chuỗi $string tại sẽ vị trí $index |
str-index($string, đích $substring) |
kiểm tra vị chưa trí xuất chớ hiện chuỗi $subtring trong cũng chuỗi $string |
str-slice($string,$start-at,[$end-at]) |
Cắt chuỗi ngay khai mạc dễ trong khoảng $start-at và chấm dứt tại $end-at , trường hợp chính không truyền $end-at thì đã nó lấy nhanh đến cuối chuỗi. |
to-lower-case($string) |
Chuyển chưa chuỗi $string sang mới chữ in không có lẽ |
to-upper-case($string) |
Chuyển chuỗi $string sang chữ lắm in hoa |
Strings đang in chính Sass
CSS lại hỗ trợ những các chuỗi nhanh trích dẫn vẫn kép và lại đơn, cũng được giống như dễ các chuỗi dễ không trích ngay dẫn giống vẫn như Georgia, ngay serif hoặc nhất sans-serif. Sass mới hỗ trợ cả đang ba và có không thể lẽ biên đang dịch biến vẫn thành cộng chính 1 cái mất dấu ngoắc đích kép hoặc thiếu dấu ngoắc kép trong CSS. Ví đột nhiên dụ: bạn lại đang dùng rất biến sass rất để giữ có thể kiểu chữ chẳng của cái cũng tiêu đề được chính, được có thể đặt trên cũ h1 của cũ bạn giống chỉ như sau: nhất [code type=css] thường h1 font-family: đang $headline-typeface; chỉ không thể [/code] dùng vẫn các chuỗi mất trích dẫn không cũ trích dẫn, chậm trích dẫn đơn và trích dẫn kép trong các biến bề ngoài lắm trang web chuẩn seo của rất bạn: [code chậm type=css] $headline-typeface: chưa Lucida Grande; $headline-typeface: cần ‘Lucida Grande’; cũ $headline-typeface: “Lucida đột nhiên Grande”; [/code] nhanh Sẽ biên mới dịch thành: lại [code type=css] cần h1 font-family: thường Lucida Grande; bỗng nhiên cần h1 đột nhiên font-family: ‘Lucida đột nhiên Grande’; thường chẳng h1 font-family: “Lucida chính Grande”; chưa đột nhiên [/code] đề những cập bí có lẽ quyết khác, chỉ 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.
Lê Trương Tấn Lộc ()
Có hơn 6 năm kinh nghiệm Laravel và 8 năm quản trị web site, tôi chuyên tư vấn đẩy top Google, Kinh doanh online tối ưu cho tập đoàn quốc tế, hiện làm giám đốc kinh doanh tại Siêu Tốc Việt.