Chương 3: CSS - Dự án
87.2 CSS Position Absolute - Hướng dẫn CSS Position Absolute từ A đến Z cho người mới học
Giảng viên: cc tuhocThời lượng: 9 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í)
Học bài này kèm ghi chú theo giây video
Ghi chú gắn đúng giây video, click là nhảy về vị trí đó — kèm tiến độ học, XP và bảng xếp hạng. Khoá này hoàn toàn miễn phí.
← Bài trước87.1 CSS Position Static vs Relative - Giải thích chi tiết dễ hiểu cho người mớiBài tiếp theo →87.3 Sử dụng CSS Position- ứng dụng thực tế Position Absolute và hướng dẫn chi tiết
Nội dung khoá HTML, CSS cơ bản dễ hiểu- Khóa học HTML, CSS từ Zero Tới Hero
Mở đầu
- Tự học lập trình web chỉ 5 phút mỗi ngày - khóa học lập trình online miễn phí by tuhoc.cc3 phút
- 1.Tổng quan lập trình web : Cách mà internet vận hành - Khám phá cơ bản về lập trình web4 phút
- 2. Lập trình website - Static website & Dynamic website - Front End & Back End4 phút
- 3. Setup Visual studio code - First webpage - Lập trình web cho người mới bắt đầu13 phút
- 4. Install Extensions Visual studio code - hướng dẫn cài đặt vscode extension để lập trình web15 phút
- 4.2 VSCode Extension Offline - indent rainbow - Cách cài đặt extension khi không có kết nối mạng3 phút
Chương 2: HTML - Git
- 5. HTML là gì - Tìm hiểu về html, css ,js -học lập trình web online miễn phí8 phút
- 6.Cấu trúc tệp html - tìm hiểu DOCTYPE, thẻ html, thẻ head trong lập trình web13 phút
- 7. Tìm hiểu thẻ body- thẻ heading h1-h6 - học HTML, CSS online -HTML, CSS từ Zero Tới Hero17 phút
- 7.1 Giải bài tập html 01 - thẻ heading h1-h6 - tự học lập trình online -HTML, CSS từ Zero Tới Hero11 phút
- 8.Tìm hiểu thẻ p Paragraph HTML - HTML Paragraph Elements - Lorem Ipsum HTML Generator7 phút
- 9. Tìm hiểu thẻ hr, br - thẻ tự đóng html -self-closing tag html -học lập trình html 20239 phút
- 10. Tìm hiểu thẻ b, i, u HTML - Học lập trình HTML CSS cơ bản chi tiết nhất by tuhoc.cc7 phút
- 11. Thẻ list trong html -ul, ol - unordered list HTML and ordered list - học lập trình để đi làm17 phút
- 11.2 Thẻ ul, ol lồng nhau - unordered list HTML and ordered list - học lập trình full stack14 phút
- 12. Thẻ a HTML - giải thích chi tiết thẻ a - anchor HTML -học HTML cho người mới- lập trình web 20239 phút
- 12.2 Thẻ a HTML phần 2 - tip học tập hiệu quả, và cách tự tìm câu trả lời khi gặp vấn đề cần giúp đỡ13 phút
- 13. Hướng dẫn thẻ img trong HTML - Mọi thứ bạn cần biết về làm việc với hình ảnh trong HTML17 phút
- 14. HTML Path Tất cả những gì bạn cần biết về đường dẫn thư mục HTML- đường dẫn tương đối, tuyệt đối13 phút
- 14.2 Giải bài tập HTML 02 - HTML Path đường dẫn tương đối, tuyệt đối HTML10 phút
- 15. multi page website - Xây dựng trang web từ đầu- ôn tập đường dẫn tương đối ,tuyệt đối HTML13 phút
- 16.1 Git và GitHub cho người mới Hướng dẫn từ A đến Z -git, github là gì5 phút
- 16.2 Cài đặt Git và hướng dẫn Deploy Website step by step - chia sẻ trang web của bạn với mọi người12 phút
- 16.3 Deploy website using VScode - A step-by-step guide for beginners13 phút
- 16.4 Thành thạo Git với VScode - Học và áp dụng các lệnh cơ bản cho quản lý phiên bản hiệu quả18 phút
- 16.5 Git Pull and Resolve Conflicts Step-by-Step Tutorial14 phút
- 16.6 Git Branches Explained Tạo, chuyển đổi và quản lý các nhánh trong dự án18 phút
- 16.7 Hướng dẫn sử dụng Git log Tìm hiểu về lịch sử và quản lý thay đổi trong dự án của bạn7 phút
- 17. HTML Entities_ Tạo ký tự đặc biệt và biểu tượng trong mã HTML7 phút
- 18. Thẻ pre trong HTML - Tạo ra văn bản bảo toàn định dạng ban đầu3 phút
- 19. HTML code tag - Tìm hiểu và sử dụng thẻ code để định dạng mã nguồn trong trang web7 phút
- 20. PrismJS Code Highlighting Hướng dẫn sử dụng thư viện mạnh mẽ để làm nổi bật code6 phút
- 21.1 HTML Table Tutorial | Exploring the tr, td, th Elements and More |Tìm hiểu cấu trúc bảng HTML11 phút
- 21.2 Tối ưu hóa bố cục bảng | Sử dụng Colspan và Rowspan trong HTML - Colspan and Rowspan Tutorial9 phút
- 21.3 Giải bài tập HTML 03 Sử dụng Colspan và Rowspan - Colspan and Rowspan Tutorial11 phút
Chương 3: CSS - Dự án
- 22.1 CSS cơ bản- Inline, internal, and external CSS tutorial for web development6 phút
- 22.2 CSS cơ bản- Inline, internal, and external part 2 CSS tutorial for web development14 phút
- 22.3 Độ ưu tiên- Inline, internal, and external CSS tutorial for web development5 phút
- 23. CSS cho người mới Điểm qua các thuộc tính cơ bản dễ dùng và hiệu quả8 phút
- 24. CSS cho người mới - Opacity, Display và Visibility giải thích đơn giản17 phút
- 24.2 Hiểu đúng cách Opacity, Display và Visibility trong CSS giải thích chi tiết9 phút
- 25. Favicon là gì Hướng dẫn tạo và tối ưu cho đa thiết bị trong lập trình web (HTMLCSS)6 phút
- 26. CSS Prefix - Tăng cường tương thích đa trình duyệt cho website _caniuse.com8 phút
- 27. CSS Selector cơ bản_ Hiểu về Tên thẻ, ID, và Class - Hướng dẫn chi tiết cho người mới 202316 phút
- 28. Combinator selectors p1 - * Selector element.class - Kỹ thuật CSS không thể bỏ qua11 phút
- 29. Combinator selectors p2 - element,element CLASS1.class2 - Giải thích chi tiết6 phút
- 30. Combinator selectors p3 - Space element_element - Tối ưu hóa CSS với Combinator selectors10 phút
- 31. Combinator selectors p4 - element+element element~element - Hướng dẫn chi tiết10 phút
- 32.1 Attribute Selectors part 1 - Học CSS Hướng dẫn chi tiết cho người mới8 phút
- 32.2 Attribute Selectors part 2 - Học CSS Hướng dẫn chi tiết cho người mới12 phút
- 33. Thông thạo CSS Pseudo-classes hover active trong một thời gian ngắn9 phút
- 34. Sử dụng pseudo-classes link và a:visited để làm nổi bật liên kết6 phút
- 35. CSS Pseudo-classes empty và target - Cải thiện trải nghiệm người dùng trên trang web12 phút
- 36. CSS: Pseudo classes và Child selectors - Tạo kiểu cho các phần tử con trong HTML13 phút
- 37. Pseudo-classes Type selectors trong CSS_ Cách tạo kiểu cho các phần tử cụ thể10 phút
- 38. Pseudo-classes not(selector) và quy tắc thứ tự ưu tiên Tăng cường kiểm soát CSS của bạn16 phút
- 39. Học CSS selector qua trò chơi Đơn giản nhưng không nhàm chán14 phút
- 40. CSS Box model Hướng dẫn chi tiết về thuộc tính padding - CSS padding cho người mới13 phút
- 41. CSS Border - Các thuộc tính quan trọng cần biết - CSS Box model p213 phút
- 42. CSS Margin từ A đến Z Hướng dẫn từ căn bản đến thành thạo - khóa học lập trình web tuhoc.cc15 phút
- 43. Học căn giữa trang bằng CSS margin trong 10 phút - seri lập trình web miễn phí tuhoc.cc10 phút
- 44. Hướng dẫn CSS_ Sử dụng Margin âm để tạo hiệu ứng độc đáo10 phút
- 45. Giải thích CSS Margin Collapse và cách khắc phục căn bản17 phút
- 46. CSS outline_ Những lưu ý quan trọng bạn cần biết - Khóa học lập trình frontend6 phút
- 47. CSS Box-Sizing_ Content-Box và Border-Box giải thích chi tiết10 phút
- 48. CSS Mặc định - Default CSS Values Các giá trị cơ bản bạn cần biết6 phút
- 49. CSS Inheritance là gì Hiểu cơ bản về CSS Inheritance6 phút
- 50. Reset CSS là gì và tại sao bạn nên sử dụng nó trong dự án của mình6 phút
- 51. Block, Inline, and Inline-Block explained Hiểu rõ về Block, Inline và Inline-Block11 phút
- 51.2 Ví dụ vận dụng Inline-Block trong CSS Hiểu rõ về Block, Inline và Inline-Block7 phút
- 52. CSS Units Explained Tổng quan và chi tiết về pixel và % Absolute Lengths Relative Lengths7 phút
- 53. CSS Relative Lengths | Đơn vị % Giải thích chi tiết về đơn vị tương đối CSS Relative Lengths14 phút
- 54. CSS Relative Lengths | Đơn vị vw, vh CSS | Giải thích chi tiết về đơn vị tương đối CSS4 phút
- 55. CSS Relative Lengths _ Đơn vị em CSS _Giải thích chi tiết về đơn vị tương đối CSS15 phút
- 56. CSS Relative Lengths _ Đơn vị rem CSS _Giải thích chi tiết về đơn vị tương đối CSS15 phút
- 57. CSS Colors từ A đến Z làm chủ màu sắc trong CSS, Hướng dẫn chi tiết cho người mới bắt đầu19 phút
- 58. CSS Fonts Explained Tìm hiểu về FontName và Font Family trong CSS Hướng dẫn từ A đến Z4 phút
- 59. System Font CSS_ Công cụ bí mật tăng tốc độ trang web -Hướng dẫn chi tiết dễ hiểu6 phút
- 60. CSS Google Fonts_ làm đẹp văn bản trên trang web của bạn,Hướng dẫn thú vị cho người mới11 phút
- 61. Typography in CSS Làm chủ font-weight & line-height - hướng dẫn CSS chi tiết cho người mới8 phút
- 62. CSS tips Tối ưu hóa hiển thị văn bản với CSS_ letter-spacing, word-spacing và text-align9 phút
- 63. Text-Decoration & Text-Indent, Text-Transform - Hướng dẫn chi tiết Typography7 phút
- 64. Typography in CSS tìm hiểu về white-space & word-break - học lập trình web cho người mới8 phút
- 65. CSS Typography Học cách sử dụng text-shadow & overflow đơn giản - hướng dẫn chi tiết by tuhoc.cc9 phút
- 66. Tối ưu trải nghiệm người dùng với overflow - scrollbar trong CSS - tìm hiểu overscroll-behavior8 phút
- 67. Text-Overflow trong CSS Các mẹo hữu ích cho nhà thiết kế web6 phút
- 68. Tạo hiệu ứng biểu tượng đẹp với Font Awesome - Hướng dẫn chi tiết6 phút
- 69. Học CSS Background-color - Tự tin sử dụng CSS Background-color với hướng dẫn đơn giản6 phút
- 70. background-image trong CSS Hướng dẫn background-repeat trong CSS10 phút
- 71. background-image trong CSS p2 Hướng dẫn Background-size trong CSS10 phút
- 72. background-image trong CSS p3_ Hướng dẫn Background-position trong CSS10 phút
- 73. CSS linear-gradient_ Cách tạo background nền gradient cho trang web của bạn10 phút
- 74. Hiểu rõ background-attachment_ Scroll, fixed và local5 phút
- 75. CSS Background-clip_ Ứng dụng làm chữ chuyển màu trong CSS10 phút
- 76. CSS Background-origin_ Tổng quan và cách sử dụng5 phút
- 77. CSS Background Shorthand Sử dụng cú pháp viết tắt Ngắn gọn Background - ngắn gọn và hiệu quả23 phút
- 78. CSS backdrop-filter Cách làm mờ nền đơn giản -Hướng dẫn chi tiết cho người mới bắt đầu8 phút
- 79. Clip-path CSS Hướng dẫn chi tiết từ A đến Z -Học cách tạo hiệu ứng đẹp với Clip-path trong CSS16 phút
- 80. Hiểu rõ Box-shadow- Hiệu ứng đổ bóng và cách áp dụng trong CSS8 phút
- 81. pointer-events trong CSS Thành thạo thuộc tính quản lý sự kiện chuột5 phút
- 82. Làm việc với hình ảnh- Thủ thuật CSS dành cho người mới Tối ưu hóa và tùy chỉnh ảnh thẻ img7 phút
- 83. CSS Pseudo elements Hướng dẫn sử dụng Pseudo elements trong CSS từ A đến Z10 phút
- 84. CSS Counters User Tính năng tiện ích bạn nên biết - Hướng dẫn CSS từ A đến Z11 phút
- 85. Tính toán linh hoạt với CSS calc() - CSS Calc() function Tutorial 20238 phút
- 86. Học CSS Variables từ cơ bản đến nâng cao - CSS Variables Tutorial 202313 phút
- 87.1 CSS Position Static vs Relative - Giải thích chi tiết dễ hiểu cho người mới8 phút
- ▸ 87.2 CSS Position Absolute - Hướng dẫn CSS Position Absolute từ A đến Z cho người mới học9 phút
- 87.3 Sử dụng CSS Position- ứng dụng thực tế Position Absolute và hướng dẫn chi tiết6 phút
- 87.4 CSS Position Tìm hiểu Position Fixed , hướng dẫn chi tiết trường hợp thực tế vận dụng12 phút
- 87.5 z-index Hướng dẫn từ A đến Z về cách sử dụng z-index trong CSS7 phút
- 87.6 CSS position sticky tạo hiệu ứng cho phần tử khi cuộn trang web - lập trình web cho người mới7 phút
- 88. Giới thiệu về dàn trang, Page layout & component layout, tìm hiểu về Float layout10 phút
- 89.1 Flexbox CSS cho người mới bắt đầu -Tự học Flexbox CSS từ cơ bản đến nâng cao9 phút
- 89.2 Flexbox CSS p2 - justify-content trong CSS Flexbox - Hướng dẫn chi tiết dễ hiểu7 phút
- 89.3 Flexbox CSS p3 - align-items trong CSS Flexbox - Lập trình web căn bản cho người mới11 phút
- 89.4 Hướng dẫn Flexbox CSS Phần 4 - Hiểu và sử dụng flex-wrap và align-content10 phút
- 89.5 Hướng dẫn Flexbox CSS Phần 5 - Giải thích flex-direction flex-flow14 phút
- 89.6 Rèn luyện flexbox qua game - Flexbox Mastery Top Fun Game Challenges to Sharpen Your Skills11 phút
- 89.7 CSS Flexbox phần 7 Hướng dẫn sử dụng align-self và flex-grow trong Flexbox CSS8 phút
- 89.8 CSS Flexbox phần 8_ Flex-shrink, flex-basis trong Flexbox CSS - giải thích chi tiết8 phút
- 89.9 CSS Flexbox phần 9_ flex sizing, flex và order trong Flexbox CSS - giải thích dễ hiểu14 phút
- 89.10 CSS Flexbox phần 10 mẹo sử dụng margin với flexitem - sử dụng margin hiệu quả với flexbox6 phút
- 90.1 Project 01 - Hướng dẫn chuyển thiết kế Figma sang HTML và tạo website thực tế từ A đến Z6 phút
- 90.2 Project 01 - p2 - Phân tích thiết kế - tạo base dự án - Tạo website thực tế từ A đến Z10 phút
- 90.3 Project 01 - p3 - Code phần header - Tạo website thực tế theo thiết kế figma38 phút
- 90.4 Project 01 - p4 - Code phần hero - Khóa học lập trình web tuhoc.cc48 phút
- 90.5 Project 01 - p5 - Code phần popular - convert figma to html css14 phút
- 90.6 Project 01 - p6 - Code phần popular ( tiếp) - series lập trình web cơ bản21 phút
- 90.7 Project 01 - p7 - Code phần popular ( tiếp) - Tối ưu hoá tiêu đề và miêu tả trên trang8 phút
- 90.8 Project 01 - p8 - Code phần Feedback- Khoá học HTML, CSS full miễn phí15 phút
- 90.9 Project 01 - p9 - Hoàn thiện phần Feedback- Khoá học HTML, CSS full miễn phí5 phút
- 90.10 Project 01 - p10 - Code phần Features - Thực chiến HTML, CSS 2023 miễn phí12 phút
- 90.11 Project 01 - p11 - Code phần Features 2 - Thực chiến HTML, CSS 2023 miễn phí6 phút
- 90.12 Project 01 - p12 - Code phần Blog - Series Tự học HTML, CSS miễn phí19 phút
- 90.13 Project 01 - p13 - Code phần Blog (tiếp) - Series Tự học HTML, CSS miễn phí7 phút
- 90.14 Project 01 - p14 - Code phần Footer - Series Tự học HTML, CSS miễn phí22 phút
- 91. Project 02 - Học CSS Cắt giao diện từ Figma - Hướng dẫn phát triển, tự tìm dự án thực hành web10 phút
- 92.1 Grid Layout CSS for Beginners Tổng quan mô hình grid CSS- So sánh CSS Grid vs flexbox7 phút
- 92.2 Grid CSS Tutorial Chia hàng và cột- Gap in grid CSS - Step-by-Step Row and Column Division24 phút
- 92.3 Chỉ định vị trí cụ thể cho các phần tử trong Grid CSS - Hướng dẫn chi tiết25 phút
- 92.4 Grid CSS Sử dụng Tên và Vị trí Khu vực để Tạo Giao diện Website12 phút
- 92.5 CSS Grid Tutorial_ Học cách kiểm soát vị trí của phần tử với align-items và justify-items6 phút
- 92.6 CSS Grid _ Bài giảng chi tiết về align-content và justify-content8 phút
- 92.7 CSS Grid Auto Flow - Cách Tự động Sắp xếp phần tử Trên Trang Web của Bạn5 phút
- 92.8 Tối ưu hóa Thiết kế Web với Auto-fill và Auto-fit trong Grid CSS9 phút
- 93. CSS BEM Giải Thích Chi Tiết và Ví dụ Thực Tế - Học BEM CSS từ Cơ Bản Đến Chuyên Nghiệp16 phút
- 94. HTML Semantic Elements Bí quyết tạo nội dung thân thiện với máy chủ tìm kiếm8 phút
- 95.1 Dự án #3 Chuyển đổi Thiết kế Figma thành Website sử dụng HTML CSS7 phút
- 95.2 Dự án #3 add favicon - Cách Thêm Favicon vào Website - Hướng dẫn Dễ hiểu5 phút
- 95.3 Dự án #3 code phần header - Series hướng dẫn chuyển đổi Thiết kế Figma thành Website23 phút
- 95.4 Dự án #3 code phần hero - Series hướng dẫn Chuyển đổi giao diện Figma thành mã nguồn HTMLCSS14 phút
- 95.5 Dự án #3 code phần services - Tạo trang web từ Figma - code phần services sử dụng HTML và CSS24 phút
- 95.6 Dự án #3 code phần works -Xây dựng phần how it works từ Figma bằng HTML và CSS13 phút
- 95.7 Dự án #3 code phần about - Thực chiến HTML và CSS 202410 phút
- 95.8 Dự án #3 code phần our team - Khóa học thực chiến HTML CSS qua dự án19 phút
- 95.9 Dự án #3 code phần cta mobile - Khóa học HTML CSS miễn phí qua dự án thực tế12 phút
- 95.10 Dự án #3 code phần blog - Thực hành HTML CSS qua dự án thực tế - HTML CSS Practice Projects20 phút
- 95.11 Dự án #3 code phần appointment - Convert figma to HTML CSS5 phút
- 95.12 Dự án #3 code phần footer - Tự Học lập trình web - Hướng dẫn cắt giao diện HTML CSS từ Figma24 phút
- 96.1 Responsive Website là gì_ So sánh Responsive web design và Adaptive web design14 phút
- 96.2 Thiết kế Responsive Website với Media Queries - Ví dụ Media Queries và Ứng dụng Thực tế14 phút
- 96.3. Break Points trong Media Queries Những điểm cần lưu ý - Hướng dẫn chi tiết5 phút
- 96.4. Hướng dẫn xem trang web trên thiết bị điện thoại di động thật4 phút
- 96.5. Responsive với hàm min, max, clamp - css math functions min() max() and clamp()9 phút
- 97.1 CSS Transitions - Exploring CSS Transitions Hướng Dẫn Chi Tiết17 phút
- 97.2 CSS transform property - Hiểu rõ về các hàm CSS Transform Translate, Rotate, Scale13 phút
- 97.3 skew background css - ví dụ vận dụng CSS Transform Cho Người Mới -hướng dẫn chi tiết8 phút
- 97.4 Button động với CSS Transition - Cách tạo hiệu ứng chuyển động cho button bằng CSS14 phút
- 98.1 Học Animation CSS từ Cơ Bản đến Nâng Cao - Hướng dẫn Sử dụng CSS Keyframes21 phút
- 98.2 Thực hành với Animation CSS Tạo hiệu ứng loading đẹp mắt với CSS và Keyframes6 phút
- 98.3 Sử dụng Animation CSS và Thư viện AOS- AOS library tutorial in 10 minute19 phút
- 98.4 Tạo hiệu ứng ấn tượng với Animate.css qua CDN - How to use Animate.css by using CDN8 phút
- 98.5 Animate On Scroll - How to use the AOS library in combination with Animate.css6 phút
- 99. Thuộc tính filter, Tạo hiệu ứng Drop-shadow đẹp mắt với CSS Hướng dẫn từ A đến Z17 phút
- 100.1 HTML Form Tutorial Tạo Biểu Mẫu Cho Website Của Bạn -Kiến Thức Cơ Bản về Thẻ Form HTML16 phút
- 100.2 Checkbox and radio in html - Khi nào nên sử dụng Hướng dẫn radio và checkbox chi tiết7 phút
- 100.3 Hướng dẫn sử dụng type='submit', type='button', và type='reset' trong HTML6 phút
- 100.4 HTML Input Types Range và Number Explained -Hướng dẫn sử dụng Range và Number trong HTML Form4 phút
- 100.5 HTML Form Action Attribute Explained _HTML và CSS_ Hướng dẫn chi tiết về Thuộc tính Action5 phút
- 100.6 Dropdown và Textarea trong HTML -Tạo Form linh hoạt với textare và select Hướng dẫn từ A đến Z8 phút
- 100.7 Tùy chỉnh Font Chữ Trong Form HTML - Hướng dẫn thay đổi font chữ mặc định trong form4 phút
- 100.8 Mastering Form Design Sử dụng placeholder-shown,focus-within, Tabindex và Thẻ Legend7 phút
- 100.9 Custom Checkbox Tutorial_ Hướng dẫn Tùy chỉnh Checkbox trong HTML và CSS step by step13 phút
- 100.10 Custom Radio Button Tutorial_ Hướng dẫn Tạo Radio Button Tùy chỉnh trong HTML và CSS7 phút
- 100.11 Hướng dẫn Tạo Dark_Light Theme Switcher với HTML Form - Thực hành HTML Form qua ví dụ thực tế11 phút
- 101.1 Thực hành Responsive dự án 3 - Hướng dẫn Responsive Web Design từ A đến Z26 phút
- 101.2 Responsive dự án 3 - Làm phần header (tiếp) series hướng dẫn làm responsive web cho người mới13 phút
- 101.3 Responsive dự án 3 - code phần hero & service - thực hành responsive qua dự án thực tế8 phút
- 101.4 Responsive dự án 3 - code phần work list & about - ví dụ responsive qua dự án thực tế4 phút
- 101.5 Responsive dự án 3 - code team list & install - thực chiến responsive qua dự án thực tế2 phút
- 101.6 Responsive dự án 3 - code blog & footer - responsive project using html css5 phút
- 101.7 Responsive dự án 3 - Responsive Design for Mobile Devices - Mobile Web Development Tutorial20 phút
Chương 4 : Bootstrap 5
- 102. Bootstrap 5 - Tổng quan về Bootstrap 5 - Hướng Dẫn Cơ Bản Cho Người Mới Bắt Đầu5 phút
- 103. Bootstrap 5 - Hướng Dẫn Tích Hợp Bootstrap 5 Cho Website - 3 Cách Tích Hợp Bootstrap Hiệu Quả20 phút
- 104. Bootstrap 5 - Hướng Dẫn Sử Dụng Background và Background Gradient Bootstrap 5 Từ A-Z19 phút
- 105. Bootstrap 5 - Sử Dụng Colors Trong Bootstrap 5 - Làm Chủ Các Lớp Màu Sắc7 phút
- 106. Bootstrap 5 - Margin và Padding trong Bootstrap 5 - Tìm Hiểu Margin và Padding từ A-Z12 phút
- 107. Bootstrap 5 - Borders - Hướng Dẫn Chi Tiết Border Trong Bootstrap 5 Cho Người Mới Bắt Đầu16 phút
- 108. Bootstrap 5 - Breakpoint và Container - Cho Người Mới Bắt Đầu - Chi Tiết - Từ A đến Z19 phút
- 109. Bootstrap 5 - Hiểu Về 12 column Và Breakpoints Để Tạo Layout - Bootstrap Grid System Tutorial17 phút
- 109.1 Bootstrap Layout Exercise 1 - Giải Bài Tập Bootstrap 1_ Cách Sử Dụng Grid System2 phút
- 109.2 Giải Thích Và Chữa Bài Tập Layout 2 - Chữa Bài Tập Grid System Bootstrap 5 - Phần 25 phút
- 109.3 Bootstrap Layout Exercise 3 - Giải Thích Chi Tiết Bài Tập Thực Hành 3 Bootstrap Layout9 phút
- 110. Bootstrap 5 - Tự động gợi ý tên class name Bootstrap trong VSCode với HTML CSS Support6 phút
- 111. Bootstrap 5 - Typography trong Bootstrap Hướng dẫn chi tiết từ A-Z14 phút
- 112. Bootstrap 5:Text - Tùy Chỉnh Văn Bản Trong Bootstrap 5, Text Alignment, Font Size, Line Height16 phút
- 113. Bootstrap 5 Position Thành Thạo Position Trong Bootstrap 5 - Hướng Dẫn Đầy Đủ Và Chi Tiết15 phút
- 113.2 Bootstrap 5 Position Fixed và Sticky Hướng Dẫn Cho Người Mới Bắt Đầu10 phút
- 114. Gutter Bootstrap 5 Điều Chỉnh Khoảng Cách Giữa Các Cột Và Hàng Với Gutter Bootstrap 518 phút
- 115. Bootstrap 5 Cách Tạo Hàng Và Cột Lồng Nhau Trong 12 column system Bootstrap58 phút
- 116. Display Utilities Bootstrap 5 Tất Tần Tật Về Display Utilities trong Bootstrap 518 phút
- 117.1 Bootstrap 5 Học Flexbox Cơ Bản Với Bootstrap 5 - d-flex và d-inline-flex11 phút
- 117.2 Bootstrap5 Flex Direction .flex-row, .flex-row-reverse, .flex-column, .flex-column-reverse11 phút
- 117.3 Bootstrap5 Flex _ Học Cách Sử Dụng .justify-content-_ Trong Bootstrap 59 phút
- 117.4 Bootstrap5 Flex _ Hướng Dẫn Toàn Tập Cách Sử Dụng .align-items-_ Trong Bootstrap5 phút
- 117.5 Bootstrap5 Flex _ Căn Chỉnh Riêng Từng Phần Tử Với .align-self-_ Bootstrap 57 phút
- 117.6 Bootstrap5 Flex _ Hướng Dẫn Sử Dụng flex-grow và flex-shrink Trong Bootstrap 59 phút
- 117.7 Bootstrap5 Flex _ flex-fill - Hướng Dẫn Sử Dụng flex-fill Trong Bootstrap 58 phút
- 117.8 Bootstrap5 Flex _ Auto Margins - Hiểu Rõ Auto Margins Bootstrap5 Với .me-auto, .ms-auto7 phút
- 117.9 Bootstrap5 Flex _Hiểu Rõ flex-nowrap, flex-wrap, flex-wrap-reverse Qua Ví Dụ3 phút
- 117.10 Bootstrap5 Flex _ Order - Hướng Dẫn Chi Tiết Về .order-_ Để Thay Đổi Thứ Tự Item Bootstrap 56 phút
- 117.11 Bootstrap5 Flex _ align-content-_ - Cách Để Quản Lý Căn Chỉnh Nội Dung Flexbox Bootstrap5 phút
- 118.1 Bootstrap5 Navbar -Cách Tạo Navbar Với Brand Name Trong Bootstrap - Hướng Dẫn Chi Tiết9 phút
- 118.2 Bootstrap5 - Navbar Responsive Cách Sử Dụng Navbar Responsive Bootstrap 5 Cho Website17 phút
- 118.3 Bootstrap5 - Navbar Thiết Kế Navbar Đơn Giản Với Dropdown Và Form Tìm Kiếm Trong Bootstrap9 phút
- 118.4 Bootstrap5 - Navbar Dark Mode và Offcanvas Navbar - Bootstrap 5 Tutorial Chi Tiết13 phút
- 119. Bootstrap5 - Project Xây Dựng Website Hoàn Chỉnh Từ A-Z Với Bootstrap 5 - Dự án 4 series web9 phút
- 119.1 Bootstrap5 - Project Tạo Navbar Với Logo Và Tùy Chọn LoginSignup Trong Bootstrap9 phút
- 119.2 Bootstrap5 - Project navbar Làm phần Login Signup- hướng dẫn chi tiết giao diện bootstrap514 phút
- 119.3 Bootstrap5 - Project Responsive Navbar dự án Bootstrap5 - Thực hành dự án web với Bootstrap511 phút
- 119.4 Bootstrap5 - Project Hướng dẫn làm header với Bootstrap -Học Bootstrap 5 qua dự án thực tế19 phút
- 119.5 Bootstrap5 - Project làm phần Site Features Chuyên Nghiệp Với Bootstrap 510 phút
- 119.6 Bootstrap5 - Project Làm phần course -Hướng Dẫn Tạo Section Khóa Học Đẹp Mắt Trong Bootstrap510 phút
- 119.7 Bootstrap5 - Project Hoàn thiện phần course -Hướng Dẫn Tạo Section Khóa Học Trong Bootstrap 527 phút
- 119.8 Bootstrap5 - Project làm phần other content - Hướng Dẫn Từng Bước Thiết Kế với Bootstrap 59 phút
- 119.9 Bootstrap5 - Project làm phần Subscribe - Tạo Subscribe Section Độc Đáo Trong Bootstrap 510 phút
- 119.10 Bootstrap5 - Project làm phần Main footer - Cách Tạo Footer Responsive Với Bootstrap 515 phút
- 119.11 Bootstrap5 - Project _ Hướng Dẫn Tạo Copyright Section Cho Trang Web Bằng Bootstrap 55 phút
- 119.12 Bootstrap5 - Project _ Tạo Sticky Footer Responsive Với Bootstrap 5 - Hướng Dẫn Chi Tiết9 phút
- 119.13 Bootstrap5 - Project _ Tìm hiểu breadcrumb - Tạo Layout Trang FAQ Với Bootstrap 521 phút
- 119.14 Bootstrap5 - Project: Hướng Dẫn Tạo Giao Diện FAQ Với Card Và Form Trong Bootstrap 518 phút
- 119.15 Bootstrap5 - Project: Hướng Dẫn Tạo Contact Content Với Card Bootstrap 513 phút
- 119.16 Bootstrap5 - Project: modal trong boostrap5 - hoàn thành Contact Với Card Bootstrap 510 phút
Chương 5: Tailwind CSS
- 120. [Tailwind CSS v4 #1] Giới thiệu & So sánh với Bootstrap – Phần tiếp theo của lộ trình Web14 phút
- 121. [Tailwind CSS v4 #2] Extensions cần có khi học HTML & Tailwind CSS trong VS Code16 phút
- 122. [Tailwind CSS v4 #3] Sử dụng Tailwind CSS bằng CLI & CDN – Dành cho người mới bắt đầu6 phút
- 123. [Tailwind CSS #4] Container trong Tailwind CSS – Làm quen với Tailwind7 phút
- 124. [Tailwind CSS #5] Tailwind CSS Color Class - Toàn tập về Color trong Tailwind18 phút
- 125. [Tailwind CSS #6] Spacing trong Tailwind Margin and padding17 phút
- 126.1 [Tailwind CSS #7] Tailwind CSS Sizing_ Cách dùng w-, h-, min-w-, max-h- chuẩn bài9 phút
- 126.2 [Tailwind CSS #8] Tailwind CSS Sizing_ Cách dùng w-, h-, min-w-, max-h- chuẩn bài9 phút
- 126.3 [Tailwind CSS #9] Tailwind CSS Sizing_ Cách dùng w-, h-, min-w-, max-h- chuẩn bài10 phút
- 126.4 [Tailwind CSS #10] Tailwind CSS Sizing_ Cách dùng w-, h-, min-w-, max-h- chuẩn bài10 phút
- 127.[Tailwind CSS #11] Tạo tailwind.config.js trong Tailwind V4 như thế nào12 phút
- 128 [Tailwind CSS #12] Hướng Dẫn Positioning Trong Tailwind CSS Relative, Absolute, Fixed, Sticky22 phút
- 129 [Tailwind CSS #13] Hiểu Rõ z-index Cách Xếp Chồng Phần Tử Dễ Hiểu9 phút
- 130. [Tailwind CSS #14] Inline, Block, Inline-Block, Hidden Chi Tiết dễ hiểu cho người mới9 phút
- 131. [Tailwind CSS #15] Hiểu Rõ Float và Clear Trong 10 Phút Dễ Hiểu Cho Người Mới6 phút
- 132.1 [Tailwind CSS #16] Hiểu Rõ Border - Rounded Trong Tailwind CSS Chỉ Trong 10 Phút11 phút
- 132.2 [Tailwind CSS #17] Border - Làm Chủ Border Color Và Border Style Trong Tailwind CSS8 phút
- 133 [Tailwind CSS #18] Outline là gì Phân biệt Outline và Border9 phút
- 134. [Tailwind CSS #19] Hiểu Rõ Hover, Focus, Active - Hướng Dẫn Group Hover Tailwind CSS Dễ Hiểu8 phút
- 135. Tailwind CSS #20 Cursor Đổi Kiểu Con Trỏ Chuột, Select Classes Quản Lý Chọn Văn Bản4 phút
- 136. [Tailwind CSS #21] Hiểu Rõ Font Family Trong Tailwind CSS Chỉ Trong 10 Phút12 phút
- 137.1 [Tailwind CSS #22] Hướng Dẫn Sử Dụng background-image Trong Tailwind CSS Từ Cơ Bản15 phút
- 137.2 [Tailwind CSS #23] background-repeat_ Giải Thích Chi Tiết & Ví Dụ Thực Tế5 phút
- 137.3 [Tailwind CSS #24] background-size Là Gì_ Giải Thích Và Ví Dụ Trong Tailwind CSS7 phút
- 137.4 [Tailwind CSS #25] Làm Chủ background-position Trong Tailwind CSS Dễ Hiểu Cho Người Mới4 phút
- 137.5 [Tailwind CSS #26] Kiểm Soát Cuộn Ảnh Nền Với background-attachment4 phút
- 137.6 [Tailwind CSS #27] Hiểu rõ background-clip trong Tailwind CSS6 phút
- 137.7 [Tailwind CSS #28] Hiểu Rõ background-origin Trong Tailwind CSS Chỉ Trong 5 Phút8 phút
- 138. [Tailwind CSS #29] Làm Chủ Box Shadow Trong Tailwind CSS Chỉ Trong 10 Phút18 phút
- 139. [Tailwind CSS #30] Columns – Hướng Dẫn Chia Cột Chi Tiết Cho Người Mới9 phút
- 140.1 [Tailwind CSS #31] Ôn Tập Flexbox_ Kiến Thức Cốt Lõi Cho Dự Án Web6 phút
- 140.2 [Tailwind CSS #32] Hiểu Rõ justify-content Trong Flexbox Chỉ Trong 10 Phút12 phút
- 140.3 [Tailwind CSS #33] Flexbox align-items_ Làm Chủ Căn Chỉnh Cross Axis6 phút
- 140.4 [Tailwind CSS #34] Flex-wrap Là Gì_ Cách Sử Dụng Trong Tailwind CSS Dễ Hiểu7 phút
- 140.5 [Tailwind CSS #35] align-content Trong Tailwind CSS_ Hướng Dẫn Toàn Tập Và Ví Dụ Dễ Hiểu.png7 phút
- 140.6 [Tailwind CSS #36] flex-direction Là Gì_ Hướng Dẫn Dễ Hiểu Trong Tailwind CSS7 phút
- 140.7 [Tailwind CSS #37] Hiểu rõ align-self và flex-grow trong Tailwind CSS chỉ trong 10 phút10 phút
- 140.8 [Tailwind CSS #38] flex-shrink & flex-basis trong Tailwind CSS – Học Flexbox dễ hiểu10 phút
- 140.9 [Tailwind CSS #39] Sắp xếp lại các item Flex chỉ với class order4 phút
- 141.1 [Tailwind CSS #40] Grid Tailwind CSS - Tất tần tật về Grid Layout trong Tailwind cho người mới7 phút
- 141.2 [Tailwind CSS #41] Hiểu rõ grid-cols Chia cột thần tốc cho web chuẩn hiện đại18 phút
- 141.3 [Tailwind CSS #42] Subgrid Tailwind CSS là gì Áp dụng thực tế cho Shopping Cart7 phút
- 141.4 [Tailwind CSS #43] Hiểu rõ grid-template-rows trong CSS Grid chỉ trong 10 phút13 phút
- 141.5 [Tailwind CSS #44] Làm Chủ Grid Column & Grid Row trong Tailwind CSS Chia Dòng cột dễ dàng9 phút
- 141.6 [Tailwind CSS #45] grid-auto-flow trong tailwind css là gì - hướng dẫn chi tiết cho người mới10 phút
- 141.7 [Tailwind CSS #46] grid auto columns và auto rows trong tailwind css dễ hiểu9 phút
- 141.8 [Tailwind CSS #47] Tối ưu căn chỉnh Grid với align-items & justify-items trong Tailwind CSS8 phút
- 141.9 [Tailwind CSS #48] align-content & justify-content Explained - Master Grid Alignment4 phút