BLOG FUVAVI

BLOG FUVAVI

Thủ thuật Frontend – Kinh nghiệm thiết kế web – Design – Share code, design

Từ khoá : CSS3

BEM: phương pháp tổ chức CSS hiệu quả và linh hoạt nhất

BEM: phương pháp tổ chức CSS hiệu quả và linh hoạt nhất

930 lượt xem
9 tháng trước

CSS là một phần quan trọng trong phát triển web, nhưng khi dự án phức tạp, quản lý mã CSS trở nên khó khăn. Chuẩn BEM  giúp tổ chức và quản lý CSS một cách hiệu quả. Bài viết này khám phá BEM, cách áp dụng nó và lợi...

Đọc thêm
CSS Selector là gì? Những cách viết CSS có thể bạn chưa biết.

CSS Selector là gì? Những cách viết CSS có thể bạn chưa biết.

3,384 lượt xem
3 năm trước

Trước khi  tìm hiểu khái niệm CSS Selector là gì thì mình muốn nhắc lại kiến thức về HTML và CSS một chút. Như bạn đã biết các thẻ HTML thường sẽ có thẻ mở <tag> và thẻ đóng </tag>  ngoại trừ các thẻ không có thẻ đóng như <img/> ,...

Đọc thêm
Vì sao cần reset CSS khi bắt đầu một project

Vì sao cần reset CSS khi bắt đầu một project

4,975 lượt xem
5 năm trước

Mở đầu Không phải ngẫu nhiên mà nhiều lúc bạn viết giao diện không cho thêm một thuộc tính nào mà các thẻ <h1>, <h2>… của bạn vẫn cách nhau một khoảng. Điều đó xảy ra là vì hầu hết các trình duyệt đều có một tập các kiểu...

Đọc thêm
Tổng hợp hiệu ứng css hover vào hình ảnh – Phần 2

Tổng hợp hiệu ứng css hover vào hình ảnh – Phần 2

15,156 lượt xem
6 năm trước

Tiếp tục series Tổng hợp những hiệu ứng css hover vào hình ảnh mình đã giới thiệu ở phần 1 Trong phần 2 là những hiệu ứng có phần nâng cao hơn và độ “vi diệu” cũng nhiều hơn. 11. Hiệu ứng Zoom tại vị trí trỏ chuột (Only...

Đọc thêm
Tổng hợp hiệu ứng css hover vào hình ảnh

Tổng hợp hiệu ứng css hover vào hình ảnh

31,137 lượt xem
6 năm trước

Mình xin giới thiệu với các bạn bộ sưu tập tổng hợp hiệu ứng css hover vào hình ảnh – Hover Image Effect CSS do mình sưu tầm được. Bộ sưu tập bao gồm những hiệu ứng như : 3d, hover, magnify, overlay, transition, zoom. .v.v… 1. Hiệu ứng...

Đọc thêm
Thay đổi size ảnh thoải mái không lo “bị méo” với thuộc tính object-fit trong css

Thay đổi size ảnh thoải mái không lo “bị méo” với thuộc tính object-fit trong css

23,368 lượt xem
6 năm trước

Mình chắc chắn trong các bạn ai cũng đã ít nhất 1 lần phải đau đầu vì thay đổi kích thước mặc định của ảnh mà không theo tỉ lệ sao cho ảnh không bị vỡ. Đa số các bạn sẽ lựa chọn giải pháp dùng Photoshop để giải...

Đọc thêm
Tổng hợp các thuộc tính cho text trong css

Tổng hợp các thuộc tính cho text trong css

7,318 lượt xem
7 năm trước

Trong bài viết này mình xin giới thiệu với các bạn tổng hợp các thuộc tính dành cho text trong css. Định dạng văn bản trên web không khác gì trong Microsoft Word Trong bài này mình xin giới thiệu tổng hợp các thuộc tính css cho text  ...

Đọc thêm
Từ điển Tính năng của CSS

Từ điển Tính năng của CSS

4,560 lượt xem
7 năm trước

CSS có gì? Từ điển Tính năng của CSS.   Trong bài viết này mình xin giới thiệu với các bạn “Từ Điển CSS” . Gồm 2 phần chính đó là CSS Selector và CSS Property.   CSS Selectors A ::after / ::before :active :any-link Adjacent sibling B...

Đọc thêm
Hướng dẫn tạo hiệu ứng với CSS3 Animation

Hướng dẫn tạo hiệu ứng với CSS3 Animation

12,787 lượt xem
7 năm trước

Hướng dẫn tạo hiệu ứng với CSS3 Animation CSS3 Animation là gì? Thuộc tính animation trong CSS được sử dụng để những hiệu ứng sinh động cho nhiều thuộc tính CSS khác như color,background-color,height hoặc width  . Mỗi animation cần phải được định nghĩa bằng nguyên tắc@keyframes sau đó được gọi với thuộc...

Đọc thêm