Đây là phần 2 của video tutorial về CSS Selectors. Trong bài này chúng ta sẽ tiếp tục tìm hiểu về những selector khác của CSS như: Descentdant, child, sibling, attribute và pseudo selector.

CSS, Selectors, property,

CSS Selectors là một khái niệm hết sức quan trọng trong CSS. Những property của CSS nếu bạn có quên hoặc không biết thì có thể google là ra. Nhưng nếu bạn không nắm rõ khái niệm về CSS Selectors thì giống như bạn đi đường mà không biết đường vậy...

CSS, Selectors, property ,

Z-index là một tính năng khá hay trong CSS và có thể giúp bạn khắc phục nhiều thành phần khó trong thiết kế giao diện và nó cũng có thể tạo ra những hiệu ứng thú vị cho giao diện. Tuy nhiên Z-index nếu không hiểu rõ nguyên lý của nó thì cũng hơi khó sử dụng.

Div là thẻ rất quan trọng trong thiết kế giao diện. Nó được sử dụng để thay thế hoàn toạn định dạng bảng trước đây. Tuy nhiên khi mới bắt đầu làm việc với CSS, chúng ta có xu hướng lạm dụng thẻ Div.

Accordion menu cũng là một dạng menu phổ biến được sử dụng nhiều trong các website hiện đại. Nó tạo cảm giác “cool cool” khi người dùng click vào đường link. Hơn nữa nó cũng tiết kiệm được rất nhiều diện tích trên trang web. Nhưng Accordion không chỉ được sử dụng cho Menu, nó cũng có thể được sử dụng cho nội dung, hình ảnh.

Bo tròn góc một khái niệm rất phổ biến trong thiết kế web. Có rất nhiều designer khi làm giao diện họ đều có ít nhất một hoặc vài thành phần trong giao diện được bo tròn góc. Trong bài này chúng ta sẽ xem xét một số cách phổ biến dùng để bo tròn góc

Menu đa cấp hay còn gọi là menu thả xuống ngày càng trở nên phổ biến. Bởi vì diện tích chiều ngang thì có hạn do vậy để tiết kiệm diện tích thì cách tốt nhất là sử dụng Menu đa cấp.  Trong bài này chúng ta sẽ học cách tạo menu đa cấp

Bài viết này tôi sẽ hướng dẫn bạn tạo Slide trình diễn bài viết với html, Css và jquery. Đây là yêu cầu của một thành viên trong diễn đàn của hmweb. Bạn xem minh họa như bên dưới

Để tăng sự mềm dẻo cho trang web, hiện nay người ta đang cố gắng loại bỏ các table khi thiết kế layout, thay vào đó là sử dụng thẻ DIV và kết hợp với CSS. Bài viết này cung cấp một ví dụ đơn giản giúp chúng ta có thể nhanh chóng dựng một layout mà không tốn quá nhiều thời gian cho việc design.

Giống như Drop Down menu Flyout menu cũng được sử dụng rộng rãi trên nhiều trang web. Đặc biệt là những trang web có nhiều nội dung và cần nhiều tầng menu để trình bay hết nội dung. Bài viết này sẽ hướng dẫn bạn cách tạo ra flyout menu hoàn toàn bằng CSS.

Thông thường khi chúng ta làm bóng đổ (Shadow) cho chữ chúng ta thường dùng các phần mềm đồ họa như Photoshop, Illustrator, Firework,..vv.

Đây là  hiệu ứng khi hover chuột qua một đường link thì hình ảnh ở trên thay đổi trông rất đẹp, hiệu ứng này được dùng rất nhiều trên một số các trang web hiện nay.

Bài này mình giới thiệu với các bạn một kiểu Dropdown Menu đang được dùng ở nhiều website khác như dantri, vnexpress, ... Bạn có thể xem demo tại đây Hoặc down mã nguồn Tại đây

CSS: Cascading Style Sheet - Định kiểu trình bày trang HTML

1. Bạn tạo một trang HTML như sau: