menu-doc-css-1

Cách tạo menu dọc đa cấp bằng CSS

Menu của website thường xuất hiện với 2 dạng đó là menu ngang và menu dọc. Về cấu trúc HTML thì không có gì khác nhau là mấy. Nhưng sự khác biệt là do mã…

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…

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à…

Hiệu ứng chuyển động Animation trong Css3

Hiệu ứng Animation trong CSS3

Trong thiết kế giao diện Front-end cho website để đẹp và gây ấn tượng người ta thường sử dụng Animation. Bài viết này giới thiệu về hiệu ứng chuyển động Animation trong CSS3 kết hợp…

Thẻ xuống dòng trong HTML

Xuống dòng trong HTML bằng thẻ br

Làm thế nào để xuống dòng trong HTML? Nếu bạn đang tìm hiểu về ngôn ngữ HTML chắc chắn không thể bỏ qua thẻ ngắt dòng <br>. Thẻ <br> trong HTML <br> được dùng để…