Học "xong" CSS trong 1 clip, code được cái web siêu đẹp
ฝัง
- เผยแพร่เมื่อ 5 มิ.ย. 2024
- - Code HTML để luyện tập: bit.ly/codedao-css
- Phần 1 - Học HTML trong 15 phút: • Tự học HTML và code ra...
Hế nhô các bạn, như đã hứa, mình đã quay lại với series "Học Full-Stack trong 3 tiếng". Hôm nay bọn mình sẽ cùng tự học CSS Cơ Bản trong 25 phút nha :3.
Học xong bài này, các bạn đã có đủ kiến thức để chỉnh sửa, mông má 1 trang web cho đẹp rồi đấy ahihi.
Học xong các bạn có thể xem thêm các phần sau, toàn bộ series học Full Sờ Lắc trong 3 tiếng front-end:
- Học HTML trong 15 phút: • Tự học HTML và code ra...
- Học CSS trong 15 phút: • Học "xong" CSS trong 1...
- Học JS trong 15 phút youtu.be/watch?v=ZIgDYEZl1VE
- Kết hợp HTML CSS JS youtu.be/watch?v=JL2o5qixOPI
- Code 4 dự án HTML CSS JS youtu.be/watch?v=YtYcYRsODmI
Timestamp
00:00 Giới thiệu vlog
01:04 CSS là gì, tại sao phải học và dùng?
02:24 Cú pháp của 1 khối CSS
03:55 Lấy code mẫu tại bit.ly/codedao-css
04:33 1. CSS Selector: Chọn phần tử để apply CSS
06:02 CSS Speciality: id, class, trọng số...
07:32 2. Làm sao viết CSS, để CSS ở đâu?
09:04 3. Màu sắc và kích cỡ trong CSS
12:27 4. Hiển thị chữ trong CSS (font, căn lề)
14:15 Bonus: Cách dùng Chrome Dev Tool
15:20 5. Dùng CSS để sắp xếp giao diện (layout)
16:34 Box model: margin, border, padding
18:00 Set width, height và box-sizing
19:43 Các CSS Position hay dùng
20:51 7. Áp dụng kiến thức CSS để làm web đẹp hơn
27:08 Kết thúc vlog
- Các bạn nào thích nội dung Wibu thì qua ủng hộ thằng em @WiBuCodeDao giúp mình tại bit.ly/codedaowibu nha
- Nhớ subscribe cho mình nhe: bit.ly/codedaotube
Channel Tôi Đi Code Dạo là nơi mình chia sẻ những kiến thức, kinh nghiệm về ngành lập trình mà mình đạt được trong quá trình làm việc. Những kiến thức này sẽ biến các bạn từ một coder trở thành developer - lập trình viên thứ thiệt.
Nhớ ghé thăm và subscribe channel để xem clip mới vào 8H TỐI T3 hàng tuần nha!
Ghé thăm mình tại:
Blog: toidicodedao.com/
Fanpage: / toidicodedao
#css #code_cung_code_dao #hoc_full_so_nac - วิทยาศาสตร์และเทคโนโลยี
![ไม่ต้องมีที่ที่ให้ฉันอยู่ แต่ขอแค่มีฉันอยู่ก็พอ (Spaceless) - getsunova [SHORT FILM]](http://i.ytimg.com/vi/MuT0d_cvJkc/mqdefault.jpg)
Mình có viết 1 cuốn sách mang tên Code Dạo Kí Sự - Lập trình viên không phải chỉ biết code.
Sách có nhiều nội dung khá hay và bổ ích cho anh em lập trình viên. Các bạn quan tâm có thể vào book.toidicodedao.com để đọc thử và mua ebook nha :3
Mình là thằng Wibu đã code HTML cái web trong clip này đấy, các bạn có ý kiến gì ko 🐥🐧
Các bạn qua sub ủng hộ kênh thằng Wibu trên giúp mình nha ahihi
Chào đồng dâm!
không
Vâng hẳn là "Overflow" :D
Anh làm hơi nhanh anh ạ
"Trông em có vẻ hơi thiếu CSS" - Tôi đi code dạo ( 2021)
Kiến thức cô đọng, ngắn gọn mà dễ hiểu, rất bổ ích. Cảm ơn anh rất nhiều, mong anh duy trì series ^^
video rất cơ bản nhưng dễ hiểu, dễ học và dễ tiếp thu cho những bạn đang bắt đầu học. Đặc biệt e là một bạn đang học để chuyển ngành. Mong anh ra video về CSS nâng cao ạ.
mò mẫm tự học onl nhiều wed tới đây thì...Uầy thuyết phục thuyết phục ,ngắn gọn, dễ hiểu. tks anh
kênh của anh quá khác biệt so với những nơi khác, xem không chán mà dễ hiểu. Cảm ơn anh rất rất nhiều
mong anh ra nhiều video hướng dẫn code theo ngắn gọn như này từ cơ bản đến nâng cao, rất thú vị ạ
Dạo này học IT online nên có nhiều chỗ k hiểu may là tìm đc kênh a nội dung thú vị dễ hiểu rất hữu ích
cảm ơn anh rất nhiều đả bỏ thời gian và công sức ra để tạo ra 1 video chất lượng như vậy hihi
Kênh này rất dễ hiểu, xúc tích và học được nhiều trong 1 video. Cảm ơn anh rất nhiều!
Quá đã luôn a =))) dịch này em học onl nên ko nhớ lâu đc xong vô học kì mới lú đúng lú luôn xem clip cũng gỡ lại đc miếng
Em hóng các video tiếp theo của chủ đề hướng dẫn làm web này!
cảm ơn anh. video bổ ích quá. anh làm thêm về css nâng cao đi a
Em quan tâm về css nâng cao ạ. hy vọng anh sẽ làm thêm ạ
Hay quá anh ơi. Tiếp theo làm clip học python, golang đi anh. 🥰🥰🥰
Hóng các clip như thế này.Cảm ơn anh nhiều
Phải chỉnh tốc độ xuống mới theo kịp tốc độ nói của anh.:)))
làm css về flexbox với gridd đi a ơi :))) e hóng quá :)))
Tuyệt vời quá anh ơi, mong bro ra video react js ạ
Nhìn anh code css nhớ lại cái thời mới học css code được cái giao diện thuần css xong nó mừng kinh toàn nghĩ mình có thể đưa nó lên mạng luôn
quá đã
quá đã bép si ơi
anh làm thêm về các seri học css từ cơ bản đến nâng cao đi ạ.
em học căn bảng gần 2 tuần thì anh gọn trọng 30ph ạ, hay quá anh ưiiiiiiiiiiii, mong anh ra css nâng cao sớm sớm, hihihihihi
Có dịp bạn tạo 1 series về lập trình di động nhé. Thanks.
lúc đầu nghe giọng là không muốn học rồi, ráng nghe chút thì cuốn quá trời kakka, thanks anh
Anh ưi nhiều bạn quan tâm css nâng cao lắm ạ, mong anh sớm ra video cứu rỗi chúng em.
hay quá anh ơi , có thể nâng cao 1 cho web nó động ở video kế tiếp không ạ
Hay quá anh.Làm thêm css nâng cao đi anh ơi.
Làm bootstrap đi anh ơi. ủng hộ anh :3
Bài học rất hay , Cảm ơn a !
anh ra vài clip nữa về CSS nâng cao nha anh
Cảm ơn Huy Hoang, nghe huy hoang nói nghe hài hước quá đi.
vừa dạy , vừa tấu ,công nhận dễ hiểu và cuốn
Đợi mãi vid này
Hôm nay em vừa hết CSS rồi hả!
Mong anh làm thêm CSS nâng cao
quả ảnh overflow chất lượng phết
Bình thường xem các video hướng dẫn mình hay có thói quen x2 tốc độ để nghe cho nhanh, nay xem bạn này khỏi cần x2 mà vẫn tưởng mình đang cho chạy x2 😂😂😂
Em mong video này cả tháng 😃!
Anh có tâm, video hay quá đấy.
Hay quá, cảm ơn anh
Tốc độ ánh sáng này em phải xem lại 10 lần mới thấm nổi
thích cách hướng dẫn của anh :> coi k phải tua đỡ tốn thời gian
hay quá anh ơi
mong anh ra thêm clip về cái này ạ
Ngồi xem không tua không chỉnh tốc độ xem hết video. Đây là cái video đầu tiên t xem như thế :))
Ủng hộ 2 chân 2 tay để anh tiếp tục ra các phần tiếp theo :v
Tiếp đi anh ơi. Quá hay
Bác có thể hướng dẫn lấy id, function và code css theo 1 website mẫu có sẵn được không? Em cảm ơn. Em là dân tay ngang không chuyên web.
Amh nên làm nhiều clip giống ntn hơn nha a
Dậy dễ hiểu quá anh ơi ❤
anh ơi hay quá ạ :v anh làm phần tiếp 2 đi ạ :v
4:33 hehe đó h toàn code mà h ms biết nó gọi là selector ^^. cảm ơn anh nhìu
mong a ra video dạy bootrap và jquery trong 20p hoặc 30p ạ
Làm thêm về js a ơiii ♡♡
Ôi bạn ơi
Anh làm em đợi lâu quá
1:51 này hay nè 🤣
Hay quá anh ơi. Video gần 30p mà e xem không rời mắt phút nào. Hóng clip về Back-End tiếp theo của a ạ!
cho e hỏi ! mình làm web muốn cho chữ xem thêm vs lại định dạng cho đt thì có thể xem ở đầu vậy ? code đó goik là j vậy a
@@anminh7922 responsive bạn ơi
@@nhatbui229 vs cho mình hỏi thêm là muốn đánh giá 5* thì làm thêd nào vậy ạ ?? a có fb ko cho e làm đệ tử đc ko hihi
@@anminh7922 thì build cái div đánh giá rồi màu cho sao là được thôi b
Em cảm ơn anh Hoàngggggg
Hóng anh zai ra vid tiếp.
Mong a sớm ra tiếp clip Back End
Hóng anh làm thêm CSS nâng cao
A có thể làm chi tiết về responsive và boostrap dc k ah
Hay quá anh. Ra nâng cao đi anh ơi
Hay quá anh ơi
Rất hữu ích cho người mới, có điều speed chắc phải giảm xuống 0.75 mới theo nỗi rapper này.
chào a, em là dân văn phòng, muốn học trc code để thêm thu nhập và vài năm sau muốn dịnh cư tại mỹ bằng nghề này, em có thể tham khảo video nào của a và tự học đc ạ, em cảm ơn a nhiều, em xem video này rất là hay
cảm ơn anh đã chia sẻ kiến thức !
Thuần thục CSS chỉ trong một video, tạo ra trang web ấn tượng.
đã quá làm thêm nâng cao đi a Hoàng ơi
bữa sau làm luôn reponsive luôn anh ơi.
cảm ơn đã truyền nhiều kiến thức hay bổ ích. Mình thi thoảng làm wordpress flatsome mà có một yêu cầu k biết làm như thế nào nhờ bạn gợi ý. khi bắt đầu gõ tên miền website thì ngay lập tức 1 clip dài khoảng 10-15giây hiện ra ( giống clip intro) hết clip thì hiện ra ảnh nền, logo và form lựa chọn ngôn ngữ , rồi bấm vào ngôn ngữ nào nó mới link đến trang chủ chính thức của web. Làm ảnh nền tỉnh và cái form thì được nhưng chèn cái video clip ngay khi vào web thì k biết làm như thế nào cả, xin bạn một gợi ý, cảm ơn rất nhiều
Làm tiếp CSS nâng cao luôn a ơi !!
Mặc dù anh lướt với tốc độ bàn thờ, nhưng vấy thấy dễ hiểu hơn mấy tutorial trên TH-cam :v Anh ra thêm phần làm về css nâng cao đi ạ =))
Em đăng kí r
Code mấy cái code để làm web ni xong là không cần bỏ tiền ra mua domain với hosting hả anh Hoàng ^^
Rất hay a ơi
hôm nào bác ra thêm js nữa đi
Làm thêm đi anh ơi
ra thêm tập mới mạnh nha anh ^^
GẤP GẤP GẤP !!!! anh ơi cho em hỏi, em nhớ anh có một cái clip về tải video đuôi m3u8 ấy ạ, mà em ko kiếm ra link, anh cho e xin link của vid đó được không ạ?
hay quá, cảm ơn anh ạ
Dạy html css từ cơ bản nâng cao anh ơi, cả javascript nữa
"người Truyền cảm hứng ". 💖💖
20:00 mương 14 :)) rất tỉnh lun
Vẫn thích “vếu cùng code dạo” của anh nhất :)))
Back.end đi anh ưi
he he wibu hẻ, giọng giống hoạt họa mà vui, video bổ ích
Anh ơi Em đang Học IT cần chọn máy Laptop nào phù hợp nhất ạ mong anh repp em cmt nhìu lần rồi ạ 😇
Anh oi lm thêm video nữa đi anh oi dài dài 1 chút nữa tại a ns nghe thú vị quá
Em chuẩn bị học kỹ thuật phần mềm thì sau này có ra làm coder đc ko ạ
Anh làm học java spring boot , spring mvc đi ạ :))
Nói siêu nhanh nhưng dễ nghe. newbie là nhà thơ, để vào xem 25 phút xem có hiểu không rồi cmt tiếp :)))
Mong bạn làm lại tự code học online như zoom
đợi cái này lâu lắm r
thank you anh Hoàng nhìu
seri tiếp theo ra video full sql đi anh cho mới lạ.
làm thêm về phần 2 đi anh ưi
Ra video về Dart/ Flutter đi anh ey
Hay quá anh
css về grid và mấy cái animation vui vẻ đi anh
chuẩn bị làm tân sinh viên mà coi cái này nổ não thật đấy