เรียนรู้พื้นฐานของ CSS | Web development 101 - EP. 3

☕️ สนับสนุนช่องเราด้วยการสมัครสมาชิกช่องทางนี้ได้เลย
   / @mikelopster  

มาสู่ตอนที่ 3 ของซีรีย์ web development 101 ด้วยการเรียนรู้ภาษา CSS กัน ว่าการตกแต่งเว็บไซต์ 1 เว็บเราควรเริ่มเรียนรู้จากอะไรบ้าง

หัวข้อ
00:00 Introduction / CSS selector (id, class, tag - DOM)
08:08 ประเภท CSS แบบ Basic
08:30 1. CSS Text styling (font-size, color, font-weight, font-family)
15:18 แนะนำ Debug tool (inspect) บน Chrome
17:26 2. CSS Box model (padding, margin, border)
26:34 3. CSS Layout (display: block, inline, flex, grid)
45:18 4. CSS Position (static, relative, absolute, fixed, sticky)
55:56 5. CSS float wrap text (float, clear)
59:32 inline style
1:01:32 6. CSS Image (background-image, size, background-position, background-repeat)
1:07:34 7. หน่วยวัดของ CSS
1:15:29 แต่งหน้า Register form จาก html session ก่อนหน้านี้
1:28:49 แต่งเสร็จ + สรุป

สำหรับเนื้อหาเพิ่มเติมที่ใช้อ้างอิง
1. W3School หัวข้อ CSS สามารถดูคำสั่งที่ใช้เพิ่มเติมกันในนี้ได้
https://www.w3schools.com/css/default...

2. CSS Flex และ Grid ศึกษาเพิ่มเติมแบบลึกได้ที่นี่
https://css-tricks.com/snippets/css/a...
https://css-tricks.com/snippets/css/c...

3. Material color - สีของระบบ Material design
https://m2.material.io/design/color/t...

มาพูดคุยแลกเปลี่ยนความรู้กันได้ที่
Facebook page:   / mikelopster.dev   กันได้เลยนะครับ