HTML và CSS

Câu hỏi: phiên bản 5.0.9 của Font awesome vừa mới ra mắt. Vậy Font Awesome phiên bản mới dùng như thế nào? Mình sẽ hướng dẫn lại cách cài đặt và sử dụng font awesome mới nhé. Video - Font awesome phiên bản mới dùng như thế nào?…
Đọc thêm...

Như vậy chúng ta đã đi qua hết 29 phần nội dung kiến thức cơ bản về HTML và CSS. Bài này mình chỉ liệt kê lại những phần nội dung, các thuộc tính đã học. Video - Tổng hợp kiến thức cơ bản về HTML và CSS Với những kiến thức này, bạn đã có…
Đọc thêm...

Bài 29 sẽ giới thiệu cho các bạn về cách tạo responsive cho web. Nói dễ hiểu là giao diện sẽ tùy biến thay đổi cho phù hợp với kích thước màn hình hiển thị. Trong bài mình sẽ hướng dẫn một ví dụ đơn giản là thay đổi kích thước hình khi màn…
Đọc thêm...

Trong bài 28, mình sẽ hướng dẫn các bạn cách tạo animation trong css. Trong bài 26 chúng ta đã biết cách tạo hiệu ứng zoom khi hover vào đối tạo. Nội dung animation ngày hôm nay sẽ là tạo động zoom hình ảnh và chạy chữ như powerpoint trên…
Đọc thêm...

Trong bài này, chúng ta sẽ ôn lại flexbox và cách căn giữa cho nội dung trong css. Chúng ta sẽ dùng các thuộc tính đã giới thiệu để sắp xếp các khối trong bài 26 về hiệu ứng zoom và gradient. Áp dụng nhiều cách khác nhau để thực hiện yêu…
Đọc thêm...

Trong bài này, chúng ta sẽ tìm hiểu cách tạo hiệu ứng zoom và gradient trong css. Hai thuộc tính được sử dụng là transform:scale() và background-image: -webkit-linear-gradient(); Ngoài ra, thuộc tính box-size:border-box cũng được giới…
Đọc thêm...

Trong bài 25, chúng ta sẽ tìm hiểu thuộc tính background attachment. Thuộc tính background attachment dùng để cố định phần hình nền khi cuộn trang web. Đây là một thuộc tính giúp chúng ta tạo ra các trang web đẹp mắt. Video - Thuộc tính…
Đọc thêm...

Trong bài này, mình hướng dẫn cho các bạn một số hiệu ứng hover bằng cách kết hợp chia layer bằng position. Video - Một số hiệu ứng hover https://youtu.be/szDXnNlVKP4 Nội dung yêu cầu Một số hiệu ứng hover các bạn có thể thực hành…
Đọc thêm...

Trong bài tập này, chúng ta sẽ tiếp tục làm bài tập về chia layer bằng thuộc tính position, và ôn lại flexbox. Ngoài ra, mình cũng giới thiệu thuộc tính transform:rotate() để xoay các khối. Video - Làm bài tập trang Edumall…
Đọc thêm...

Trong bài học này, chúng ta sẽ ôn lại những kiến thức cũ, kết hợp chia layer và hiệu ứng hover. Ngoài ra, các thuộc tính cũ về font, overflow:hidden, hay margin, padding ... cũng được áp dụng. Video - Kết hợp chia layer và hiệu ứng hover…
Đọc thêm...