inflearn logo
inflearn logo

Thực hành cơ bản CSS3 của Libehayan - 2024

CSS Chào mừng bạn đến với các bài giảng cơ bản về CSS dựa trên hơn 20 năm kinh nghiệm thực tế! Khóa học này được thiết kế dành cho bạn khi bạn thực hiện những bước đầu tiên để trở thành nhà xuất bản web và nhà phát triển giao diện người dùng.

10 học viên đang tham gia khóa học này

Độ khó Nhập môn

Thời gian Không giới hạn

HTML/CSS
HTML/CSS
nesting
nesting
css3
css3
HTML/CSS
HTML/CSS
nesting
nesting
css3
css3

Tin tức

5 bài viết

  • rebehayan님의 프로필 이미지

    aspect.png

    Lâu lắm rồi mới cập nhật video ^^.
    tỷ lệ khung hình có nghĩa là tỷ lệ khung hình. Khi tôi đang thực hiện một dự án những ngày này, anh ấy là một chàng trai thỉnh thoảng xuất hiện.
    Trên thực tế, nó là một trong những đặc tính không nên bỏ qua.

    Tôi nghĩ hầu hết công nhân sẽ sử dụng tốt, nhưng nếu bạn xem video, bạn sẽ biết rằng có một số bí mật mà bạn chưa biết. Tôi hy vọng bạn thích chuyến đi và thấy nó hữu ích cho dự án.

    Sau đó, hãy làm việc chăm chỉ! Hẹn gặp lại các bạn trong video tiếp theo.
    Cảm ơn

    0
  • rebehayan님의 프로필 이미지

    DALL·E 2024-09-18 18.39.40 - A thumbnail image with a 16_9 aspect ratio, featuring the theme of CSS scope. The image should include visual elements such as a code snippet showing .webp

    Một trong những hạn chế lớn nhất của CSS là vấn đề về bộ chọn.
    Đã xảy ra sự cố trong đó một bộ chọn được thông qua trên toàn cầu. Để giải quyết vấn đề này, bạn phải nghĩ về điểm của bộ chọn hoặc tên lớp khác.

    Một nhược điểm khác là độ dài của tên lớp. Cho đến nay, tôi đã thực hiện đặt tên lớp bằng phương pháp BEM. Nhưng với sự ra đời của @scope, điều đó đã biến mất.

    Vui lòng tham khảo video về ống kính có thể khắc phục những vấn đề này.

    0
  • rebehayan님의 프로필 이미지

    image.png

     

    Xin chào. Đây là Libehayan.

    Khi làm việc với CSS, có rất nhiều áp lực về z-index.
    Một ví dụ điển hình là phải thêm HTML không cần thiết vì giá trị -1.

    Mã bổ sung cho điều này là sự cô lập.
    Hãy xem video để tìm hiểu cách giải quyết.
    Xin vui lòng tìm hiểu. ^^.

    0
  • rebehayan님의 프로필 이미지

    Đã chỉnh sửa

    Xin chào. Đây là Libehayan.

    Một video về hàm sáng-tối(), một trong những thông số CSS mới nhất, đã được thêm vào. Trước đây, @media được sử dụng để bật chế độ tối, nhưng giờ đây việc quản lý màu sắc có thể được thực hiện một cách trực quan bằng hàm light-dark(). Nếu bạn cộng tác với một nhà thiết kế và đưa ra một hướng dẫn màu sắc tốt, bạn có thể mong đợi một dự án suôn sẻ.

    Nếu bạn quan tâm đến chế độ tối, hãy nhớ xem bài giảng này.

    Cảm ơn!

     

    0
  • rebehayan님의 프로필 이미지

    Video BEM (Block, Element, Modifier) ​​mới được bổ sung vào khóa học trực tuyến thực hành cơ bản cơ bản CSS3 Basic Online. Video này trình bày chi tiết các khái niệm cơ bản về phương pháp BEM và cách áp dụng nó vào các dự án thực tế. Đặc biệt, chúng tôi sẽ tập trung vào cách tăng khả năng bảo trì mã thông qua BEM và duy trì tính nhất quán trong quá trình cộng tác.

    Nội dung chính của video này:

    • Các khái niệm cơ bản về BEM : Định nghĩa và vai trò của Block, Element, Modifier

    • Quy ước đặt tên BEM : Tìm hiểu quy ước đặt tên BEM thông qua các ví dụ mã

    • Ứng dụng thực tế : Phân tích các trường hợp sử dụng BEM trong dự án thực tế

    • Ưu và nhược điểm : Phân tích ưu và nhược điểm của việc sử dụng BEM

    Nếu bạn quan tâm đến việc học CSS, bạn sẽ tìm thấy rất nhiều trợ giúp từ video BEM này. Đừng bỏ lỡ và nhớ xem nhé!

    Nếu bạn có bất kỳ thắc mắc hoặc câu hỏi nào, vui lòng để lại nhận xét bất cứ lúc nào.

    Cảm ơn!

    0

2.727.477 ₫