Chương 3: CSS - Dự án
52. CSS Units Explained Tổng quan và chi tiết về pixel và % Absolute Lengths Relative Lengths
Giảng viên: cc tuhocThời lượng: 7 phútThuộc khoá: HTML, CSS cơ bản dễ hiểu- Khóa học HTML, CSS từ Zero Tới Hero (291 bài · miễn phí)
Tại kênh YouTube tuhoc.cc, chúng ta luôn mong muốn mang đến những kiến thức lập trình web cơ bản, giúp các bạn mới bắt đầu trong lĩnh vực này hiểu rõ hơn về các khái niệm và công cụ quan trọng. Trong video hôm nay, chúng ta sẽ đi sâu vào một khía cạnh quan trọng của thiết kế web - đơn vị CSS và cụ thể là "CSS Units." CSS Units là một phần quan trọng của việc xác định kích thước và khoảng cách trên trang web của bạn. Trong video này, chúng ta sẽ thảo luận về hai loại đơn vị chính: "Pixel (px)" và "Phần trăm (%)". Chúng tôi cũng sẽ đề cập đến hai loại đơn vị "Absolute Lengths" và "Relative Lengths." Pixel (px): Pixel là một đơn vị cố định và cụ thể. Mỗi pixel tương ứng với một điểm ảnh trên màn hình. Điều này có nghĩa rằng bạn có kiểm soát chính xác về kích thước và vị trí của các phần tử trên trang web của bạn. Phần trăm (%): Phần trăm cho phép bạn thiết lập kích thước và khoảng cách dựa trên mối quan hệ với kích thước của phần tử mẹ. Điều này rất hữu ích để tạo ra giao diện đáp ứng, thích ứng với kích thước màn hình của người dùng. Chúng tôi cũng sẽ thảo luận về sự khác biệt giữa "Absolute Lengths" và "Relative Lengths." Absolute Lengths bao gồm px, inch, cm, và mm, trong khi Relative Lengths bao gồm em, rem, vh, vw, và nhiều loại khác. Chúng ta sẽ tìm hiểu cách sử dụng từng loại đơn vị này trong các tình huống thực tế để tạo ra giao diện web linh hoạt và thú vị.