Key words:html

Khi nào sử dụng extends vs mixins trong SASS

Khi nào sử dụng extends vs mixins trong SASS

SASS cung cấp cho chúng ta 2 cách để có thể tái sử dụng style, đó là extends và mixins. Bài viết này tôi sẽ chỉ cho bạn biết cách chúng hoạt động và sử dụng khi nào. 1.Extendextend cho phép bạn chia sẻ style giữa 2 selector. Nó tương tự như cách kết hợp các class trong HTML. Cùng xem ví dụ sau: <div class="error seriousError"> This page not found! </div> .error{ border: 1px #f00; background-color: #fdd; } .seriousError{ @extend .error; border-width: 3px; } // which compiles to: .error, .seriousError { border: 1px #f00; background-color: ... »

Làm sao để code HTML trông thật sexy với HAML

Làm sao để code HTML trông thật sexy với HAML

I.Giới thiệu: Nếu bạn đã từng biết đến ngôn ngữ lập trình LESS, Styles… Chúng đều tạo ra những cách viết CSS nhanh, hiệu quả hơn và nếu bạn đã từng sử dụng, bạn sẽ đánh giá cao sự linh hoạt mà chúng mang lại cho dự án của bạn. Với HTML bạn sẽ tự hỏi tại sao nó lại quá dài dòng như vậy? Tại sao không ai đó đơn giản hóa nó ? Hôm nay, chúng ta sẽ cùng tìm hiểu cách sử dụng Haml để tối ưu hóa HTML. Haml (HTML Abstraction Markup Language) là ngôn ngữ ... »