HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

Hướng dẫn CSS

TRANG CHỦ CSS Giới thiệu CSS Cú pháp CSS Bộ chọn CSS CSS Cách thực hiện Nhận xét CSS Màu CSS
Màu sắc RGB HEX HSL
Nền CSS
Màu nền Hình nền Bối cảnh Lặp lại Tệp đính kèm nền Tốc ký nền
Đường viền CSS
Biên giới Chiều rộng biên giới Màu viền Các mặt biên giới Tốc ký biên giới Viền tròn
Lề CSS
Lợi nhuận Thu gọn ký quỹ
CSS Padding Chiều cao / Chiều rộng CSS Mô hình hộp CSS Đề cương CSS
Đề cương Chiều rộng đường viền Màu phác thảo Phác thảo tốc ký Outline Offset
Văn bản CSS
Văn bản màu Căn chỉnh văn bản Trang trí văn bản Chuyển đổi văn bản Khoảng cách văn bản Bóng văn bản
Phông chữ CSS
Họ Phông chữ Phông chữ An toàn cho Web Dự phòng phông chữ Kiểu phông chữ Cỡ chữ Phông chữ Google Ghép nối phông chữ Tốc ký phông chữ
Biểu tượng CSS Liên kết CSS Danh sách CSS Bảng CSS
Đường viền bảng Kích thước bảng Căn chỉnh bảng Kiểu bàn Bảng đáp ứng
Hiển thị CSS Chiều rộng tối đa CSS Vị trí CSS CSS Z-index CSS Overflow CSS Float
Trôi nổi Thông thoáng Ví dụ về Float
Khối nội tuyến CSS Căn chỉnh CSS Bộ kết hợp CSS Lớp giả CSS Phần tử giả CSS Độ mờ của CSS Thanh điều hướng CSS
Thanh điều hướng Thanh điều hướng dọc Thanh điều hướng ngang
Trình đơn thả xuống CSS Thư viện hình ảnh CSS Hình ảnh CSS Sprites Bộ chọn CSS Attr Biểu mẫu CSS Bộ đếm CSS Bố cục trang web CSS Đơn vị CSS Đặc tính CSS CSS! Quan trọng Các hàm toán học CSS

CSS nâng cao

Góc làm tròn CSS Hình ảnh đường viền CSS Nền CSS Màu CSS Từ khóa màu CSS CSS Gradients
Gradients tuyến tính Radial Gradients Conic Gradients
Bóng CSS
Shadow Effects Box Shadow
Hiệu ứng văn bản CSS Phông chữ Web CSS Chuyển đổi CSS 2D Chuyển đổi CSS 3D Chuyển đổi CSS Hoạt ảnh CSS Chú giải công cụ CSS Hình ảnh phong cách CSS Phản chiếu hình ảnh CSS CSS object-fit Vị trí đối tượng CSS Mặt nạ CSS Các nút CSS Phân trang CSS CSS Nhiều cột Giao diện người dùng CSS Biến CSS
The var() Function Overriding Variables Variables and JavaScript Variables in Media Queries
Kích thước hộp CSS Truy vấn phương tiện CSS Ví dụ về CSS MQ CSS Flexbox
CSS Flexbox CSS Flex Container CSS Flex Items CSS Flex Responsive

CSS đáp ứng

Giới thiệu về RWD RWD Viewport Chế độ xem lưới RWD Truy vấn phương tiện RWD Hình ảnh RWD RWD Video Khung RWD Mẫu RWD

Lưới CSS

Grid Intro Vùng chứa lưới Mục lưới

CSS SASS

Hướng dẫn SASS

Ví dụ về CSS

Mẫu CSS Ví dụ về CSS câu đố css Bài tập CSS Chứng chỉ CSS

Tham chiếu CSS

Tham chiếu CSS Bộ chọn CSS Chức năng CSS Tham chiếu CSS Aural Phông chữ An toàn trên Web CSS Hoạt hình CSS Đơn vị CSS Công cụ chuyển đổi CSS PX-EM Màu CSS Giá trị màu CSS Giá trị mặc định của CSS Hỗ trợ trình duyệt CSS

Thiết kế web đáp ứng - Giới thiệu

❮ Trước Kế tiếp ❯

Thiết kế web đáp ứng là gì?

Thiết kế web đáp ứng giúp trang web của bạn trông đẹp trên tất cả các thiết bị.

Thiết kế web đáp ứng chỉ sử dụng HTML và CSS.

Thiết kế web đáp ứng không phải là một chương trình hay một JavaScript.

Thiết kế để có trải nghiệm tốt nhất cho tất cả người dùng

Có thể xem các trang web bằng nhiều thiết bị khác nhau: máy tính để bàn, máy tính bảng và điện thoại. Trang web của bạn phải trông đẹp và dễ sử dụng, bất kể thiết bị nào.

Các trang web không nên bỏ đi thông tin để phù hợp với các thiết bị nhỏ hơn, mà phải điều chỉnh nội dung của nó để phù hợp với bất kỳ thiết bị nào:



Máy tính để bàn

Máy tính bảng

Điện thoại

Nó được gọi là thiết kế web đáp ứng khi bạn sử dụng CSS và HTML để thay đổi kích thước, ẩn, thu nhỏ, phóng to hoặc di chuyển nội dung để làm cho nội dung trông đẹp trên bất kỳ màn hình nào.

Đừng lo lắng nếu bạn không hiểu ví dụ dưới đây, chúng tôi sẽ chia nhỏ mã từng bước trong các chương tiếp theo:



❮ Trước Kế tiếp ❯