เรียนรู้พื้นฐานของ 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   กันได้เลยนะครับ