CSS 2: Box Model และ Properties อื่นๆ
Intermediate
Beginner
Expert
เรียนรู้และทำความเข้าใจเกี่ยวกับ CSS Box Model และคุณสมบัติต่างๆ ที่สำคัญ
ทดลองเรียนฟรีIntermediate
Beginner
Expert
เรียนรู้และทำความเข้าใจเกี่ยวกับ CSS Box Model และคุณสมบัติต่างๆ ที่สำคัญ
ทดลองเรียนฟรีนำความรู้และทักษะที่ได้เรียนรู้มาใช้ในการสร้างแถบความคืบหน้า (progress bar) แบบวงกลมด้วย HTML CSS และ JavaScript บทเรียนจะเริ่มต้นด้วยการอธิบายโครงสร้างพื้นฐานของ HTML ที่ใชในการสร้างโครงสร้าง ต่อจากนั้นจะแนะนำวิธีการใช้ CSS เพื่อกำหนดรูปแบบและการออกแบบภาพลักษณ์ของแถบความคืบหน้าให้มีลักษณะเป็นวงกลม รวมถึงการเพิ่มสีและเอฟเฟกต์เพื่อให้ดูมีชีวิตชีวา ส่วนสุดท้ายของบทเรียนจะเน้นไปที่การใช้ JavaScript เพื่อเพิ่มการทำงานแบบไดนามิก
รายละเอียดบทเรียน
Introduction
Learning Goals
CSS Box Model คืออะไร
การตั้งค่าและคำนวณ Box Model
Box Model
Display
Minimum and Maximum Height and Width
Quiz: Box Model
Challenge: เปลี่ยนเว็บไซต์รับเลี้ยงสุนัข
Overflow
ทบทวน: Overflow
Units ใน CSS
เช็กความเข้าใจ
Feedback
00:29
00:12
00:10
04:13
01:18
10:07
00:12
5 questions
1 questions
02:11
00:10
07:06
1 questions
3 questions
นักเรียนที่เคยเผชิญความท้าทายในการเปลี่ยนสายงาน แต่สามารถบรรลุเป้าหมายและประสบความสำเร็จได้ด้วยการเรียนกับเรา
เรียนรู้สกิลไอทีหลากหลาย ทั้งคอร์สเรียน IT เส้นทางทักษะ อีเวนท์สด และการทำโปรเจ็คจริง มีการันตีงาน 100%
พูดคุยกับเมนเทอร์ในชั่วโมงปรึกษา
เมนเทอร์ของเราพร้อมประจำการเพื่อช่วยเหลือคุณระหว่าง 6-10 ชั่วโมง/วัน ผ่านวีดิโอคอนเฟอเรนซ์
สอบถามและคุยกับเพื่อนๆบน ออนไลน์ Community
มีคำถามหรือต้องการแบ่งปันอะไรบ้างไหม ส่งข้อความถึงเพื่อนๆ และผู้ช่วยสอนในชุมชนของเรา
เราจะตรวจการบ้านและโปรเจกต์ของคุณทั้งหมด
ส่งงานของคุณมาและรอรับฟีดแบ็ก ซึ่งเราจะพยายามตอบกลับภายในเวลาไม่เกิน 7 วัน
การเรียนแบบสดผ่าน Bootcamp
รูปแบบการเรียนแบบ Flipped Learning ผ่านวิดีโอบทเรียนสำหรับการเรียนเองในวันธรรมดาและมีการเรียนสดในวันสุดสัปดาห์
LinkedIn, Resume และ พอร์ตโฟลิโอรีวิว
สร้างความประทับใจให้กับ HR และบริษัทด้วยโปรไฟล์ที่โดดเด่น
เข้าร่วมอีเวนท์ออนไลน์และออนไซต์
ไม่ว่าจะเป็นเวิร์คช็อป ผู้บรรยายพิเศษ หรือกิจกรรมอื่นๆ คุณสามารถเข้าร่วมกิจกรรมมากมาย
ครูผู้สอนที่มีความเชี่ยวชาญในสาขานั้นๆ หลักสูตรสอนโดยผู้เชี่ยวชาญในสายงาน IT ที่มีความรู้และประสบการณ์มากมาย
Pakkaphong Akbhut
Application Engineer at Hitachi eBworx
Phanuwit Kittirong
Senior Software Engineer @ BigC
เรารับประกันคืนเงิน 100% หากคุณไม่ได้งานด้านเทคโนโลยีภายใน 6 เดือนหลังจากสำเร็จการศึกษา
เรียนรู้เพิ่มเติม