css-code-1

8 Cách viết CSS chuẩn, dễ đọc và tối ưu

Nói tới xây dựng giao diện phía Front-end không thể thiếu CSS. Ngôn ngữ được sử dụng phổ biến để sắp xếp bố cục các phần tử HTML khi hiển thị trên trình duyệt. Nhờ…


Hover-CSS-1

Hiệu ứng rê chuột trong CSS

CSS là ngôn ngữ trang trí với nhiều hiệu ứng hay. Bạn sẽ thường gặp nhất là khi di chuyển chuột vào một liên kết (Link) hay vào một khu vực nào đó. Khi rê…


Mẫu Form đăng nhập HTML và CSS đẹp mắt

Trong một số bài viết trên blog này mình đã chia sẻ về cách tạo một Form đăng nhập đơn giản. Nhưng để có một Form đẹp mắt bạn hãy tham khảo mẫu Form dưới…


tao-tabs-trong-html-css

Hướng dẫn tạo Tabs bằng HTML, CSS và Javascript

Chức năng Tabs không thể thiếu khi xây dựng giao diện Frond end. Sử dụng Tabs sẽ giúp tiết kiệm được không gian mà vẫn đầy đủ thông tin. Nếu như bạn đang muốn tạo…


class-selector-css-1

First-child, last-child, nth-child trong CSS

Một kỹ thuật trong CSS cũng hay thường gặp đó là sử dụng bộ chọn CSS (CSS Selector). Khi viết các mã như first-child, last-child, nth-child nó sẽ tự động bắt phần tử được chọn.…


tao-form-tim-kiem-bang-html-css

Tạo Form tìm kiếm đẹp mắt bằng CSS

Chức năng Form tìm kiếm khá quen thuộc trong thiết kế website. Khi độc giả muốn tìm một thông tin nào đó Search Form đóng vai trò giúp tìm thứ mà họ muốn. Sau đây…


form-lien-he-4

Hướng dẫn tạo form liên hệ bằng HTML, CSS

Form liên hệ là một chức năng không thể thiếu cho blog, website. Thông qua Form độc giả, khách hàng có thể yêu cầu admin trợ giúp một vấn đề gì đó. Với website tự…


Hướng dẫn sử dụng Before và After trong CSS

Before và After là một trong những mã CSS dùng để trang trí website mình cũng thường hay sử dụng. Và đây cũng là Pesudo Element thông dụng được dùng để thiết kế Frontend. Bạn…


flexbox-css

Thuộc tính Display Flex trong Css

Display flex trong css là một kiểu dàn trang được Web Developer yêu thích sử dụng bởi tính linh hoạt của nó. Bạn không cần phải thiết lập kích thước cho các phần tử mà…