SASS Day 1

SASS Day 1
Giới thiệu:
- Sass là một loại css, nhưng nó cần được thực thi để đưa về file css tương ứng trước khi được sử dụng.
- Có 2 loại đuôi .sass và .scss sau khi qua thực thi đều cho ra file .css.
- Sass đem lập trình vào trong css (tạo biến, viết hàm, cộng trừ nhân chia, tự động nén tập tin css, tiếp kiệm dung lương...)

Cài đặt:
- Sublime Text 3 + Package:
x Emmet: Gõ code nhanh; Eg: ! + tab --> Html file.
x View in browser: View nhanh file html trên browser.
x Ctrl + W : tắt file
x Ctrl + Alt + V: Build trên Chrome.
x Bootstrap 4 snippet: Gợi ý syntax bootstrap
x Sass Snippet: Gợi ý syntax sass
x Cài đặt git
x Cài đặt ruby installer: Vì sass viết trên ruby nên ta cài đặt để biên dịch được cú pháp của sass. Check version bằng lệnh : gem -v
x Cài đặt sass qua gem (ruby): gem install sass.
x Biên dịch file sass qua ruby bằng lệnh: sass --watch tenfile.sass hoặc tenfile.scss

So sánh .scss vs .sass
- Cú pháp của scss không có dấu ; và phải có dấu cách sau hai chấm, tab vị trí chính xác.
- sass: Viết nhanh, không cần ngoặc, chấm phẩy ở cuối dòng, tuy nhiên chỉ cần sai dấu cách là sẽ bị lỗi.
- scss: tương tự như cách viết css thông thường, nhưng vẫn cho phép dùng biến,...scss có vẻ phù hợp và dễ hơn, ngoài ra còn được hỗ trợ trên chrome, tuy nhiên nó dài dòng hơn sass
--> Sử dụng scss để thực hành.

Sử dụng biến trong SASS
- Sử dụng để định nghĩa một css nào đó chung nhau tại nhiều vị trí trên website.
- Sử dụng 6 cỡ chữ trong website thông qua biến.





Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

#7 Phương pháp xác định nhanh 6 mẫu âm giai trong Guitar Lead

Hình ảnh
Phương pháp xác định nhanh 6 mẫu âm giai trong Guitar Lead Vị trí 6 mẫu âm giai tone C/Am trong Guitar Lead TH1: Chọn nốt C trên dây 6 - Xác định nốt chủ C trên dây 6 ngăn 8 --> Có thể chọn mẫu ngăn 7, hoặc 5 nhưng bắt đầu từ nốt C (để chạy nốt trong mẫu). (trong trường hợp chơi ở đô trưởng). - Nếu chơi ở rê trưởng ta dịch lên 2 ngăn, la trưởng dịch xuống 3 ngăn, tương tự như vậy với các giọng khác, dịch theo quãng. - Từ các âm giai trưởng dịch xuống 3 ngăn sẽ ra thế bấm của âm giai thứ song song với nó. --> Chỉ cần xác định từ âm giai C trưởng là ra hết các âm giai khác. --> Điểm khác biệt của âm giai trưởng và thứ là nốt bắt đầu tương ứng với việc chơi ngón giữa cho âm giai trưởng và ngòn trỏ cho âm giai thứ. TH1: Chọn nốt C trên dây 5 - Nốt C này thuộc 2 mẫu âm giai đầu tiên và ngăn 3. - Tương tự lấy nốt C là nốt bắt đầu khi chạy hai âm giai trên. - Dịch theo quãng để ra các tone khác. - Dịch để suy ra âm giai thứ song song với nó. - Vẫn nốt bắt đầu ...
Đọc thêm

Làm Chủ 7 Mode Trong Guitar Lead [Chơi ở tất cả các Tone]

Hình ảnh
Làm Chủ 7 Mode Trong Guitar Lead [Chơi ở tất cả các Tone] 7 mode Mode 3 : Tone chủ Em: E - G - B Các nốt dừng/nối câu lead (màu đỏ): Tone chủ Em: E - G - B Mode 4:  Tone chủ F:  F - A - C (bậc 4 - 6 -1) Khi chơi chỉ cần nhớ mẫu hình mode, sau đó tìm node vào theo bậc của nó (1,3,5) của hợp âm đó. Mỗi Mode khi xê dịch sẽ lại cho ra các tông khác nhau dùng mode đó.
Đọc thêm

#1 Âm giai trưởng (The major Scale) và Pattern 6/4

Hình ảnh
#1 Âm giai trưởng (The major Scale) và Pattern 6/4 Nguồn:  https://www.youtube.com/watch?v=M7OLG_R4RQo&list=PLYEiBIjLQLwv5xRH_IOhipwizSIko5HPe&index=7 6 - dây 6 ; 4 - 4 ngón 1 - 4 tương ứng từ trở đến út. Phần mềm đánh nhịp: metronome 80 - 120 Âm giai trưởng có 7 nốt: C D E F G A B C Cấu trúc: 2 2 1 vs 2 2 2 1 --> âm giai trưởng. 2 - 1 cung - 2 ngăn; 1 - nửa cung - 1 ngăn. Thăng, giáng để đáp ứng quy tắc 2 2 1 vs 2 2 2 1. Bậc âm giai là thứ tự các nốt trong âm giai: Do đó vị trí các bậc trên cần đàn của một âm giai như sau: VD: 1 - 2: 2 ngăn (1 cung); 3 - 4: 1 ngăn (nửa cung); 7 - 1: 1 ngăn (nửa cung).
Đọc thêm