Responsive Web Design - Templates (Các mẫu giao diện thông dụng)

 

Mẫu 01

CSS Responsive - Responsive Web Design - Media Queries (Giao diện đa nền tảng)

 Tạo giao diện đa nền tảng (máy tính bàn , máy tính bảng, di động). Xem ở đây

Ví dụ

Chania

• The Flight
• The City
• The Island
• The Food

The City

Chania is the capital of the Chania region on the island of Crete.

The city can be divided in two parts, the old town and the modern city. The old town is situated next to the old harbour and is the matrix around which the whole urban area was developed.

Chania lies along the north west coast of the island Crete.

Facts:

• Chania is a city on the island of Crete
• Crete is a Greek island in the Mediterranean Sea

Resize the browser window to see how the content respond to the resizing.

CSS Grid Layout - Tạo giao diện web

Tạo giao diện web với CSS Grid Layout

Bài 15. Responsive và CSS tự thích nghi độ lớn màn hình

Bài 14. Hiệu ứng chuyển động 2D và 3D trong CSS3

Bài 13. Làm việc với FONTS chữ trong CSS

Bài 12. Border bằng ảnh, màu nền gradients, bóng đổ

Bài 11. Selector nâng cao và ứng dụng (Pseudo-classes và Pseudo-element)

Bài 10. Tổng hợp các thuộc tính định dạng văn bản

Bài 9. Bố trí hiển thị HTML (CSS Layout)

Bài 8. Các cách hiển thị một phần tử HTML (inline, block, inline-block, none)

Bài 7. Những nguyên tắc về khoảng cách (margin và padding)

Bài 6. Cách sử dụng các thuộc tính về border - outline

Bài 5. Cách sử dụng các thuộc tính về background

Bài 4. Làm việc với không gian 3 chiều

Bài 3. Giới thiệu không gian 3 chiều

Bài 2. Tổng quan SELECTOR

Bài 1. Giới thiệu CSS

1. Định nghĩa CSS

2. Ví dụ về CSS

3. Những cách khai báo CSS

4. Selector đơn giản

5. Một số thuộc tính CSS đơn giản

Menu HTML and CSS

 Link 1 menu ngang và thả xuống

Mega Menu

Filter DIV Elements

Expanding Grid - g

Bài 2. Nhúng CSS vào HTML

 Ta có 3 cách nhúng (thêm mã) css vào tài liệu html bao gồm Inline css, Internal css , External css.