สอน HTML5 & CSS3 สำหรับผู้เริ่มต้น [Phase1]

💪 สนับสนุนช่องด้วยการสมัครสมาชิก (Membership):
   / @kongruksiamofficial  

🔥 คอร์สพัฒนาเว็บด้วย JavaScript 40 Workshop:
https://www.udemy.com/course/javascri...

🎯 เอกสารประกอบการสอน :
https://github.com/kongruksiamza/prog...

🔗 ดาวน์โหลด Visual Studio Code :
https://code.visualstudio.com/

ประกอบด้วยเนื้อหา :
0:00 - CSS & Selectors คืออะไร
11:23 - ติดตั้ง Extension ใน VS Code
19:48 - การประกาศ Selectors
34:34 - รูปแบบการประกาศใช้ CSS
47:05 - การเขียนคอมเมนต์ (Comment)
51:33 - รู้จักกับหน่วยใน CSS
01:00:21 - หน่วยแบบ Absolute
01:05:57 - หน่วยแบบ Relative
01:17:59 - Universal Selector
01:26:14 - กำหนดชนิดฟอนต์ (font-family)
01:33:18 - การใช้งาน Google Font
01:44:12 - กำหนดขนาดฟอนต์ (font-size)
01:49:38 - กำหนดความหนาฟอนต์ (font-weight)
01:53:30 - รูปแบบสีใน CSS
02:01:32 - การกำหนดสี (Colors)
02:14:59 - กำหนดลักษณะข้อความ (text-decoration)
02:21:16 - การจัดแนวข้อความ (text-align)
02:25:43 - กำหนดความกว้างและความสูง
02:32:56 - ความกว้างและความสูงแบบ max , min
02:42:13 - การกำหนดเส้นขอบ (border)
02:56:01 - รูปแบบเส้นขอบ (border-style)
03:03:10 - สีเส้นขอบ (border-color)
03:09:08 - ขนาดเส้นขอบ (border-width)
03:15:31 - ความโค้งเส้นขอบ (border-radius)
03:27:18 - box model & margin
03:50:57 - box model & padding
04:01:30 - กำหนดสีพื้นหลัง (background-color)
04:05:55 - กำหนดภาพพื้นหลัง (background-image)
04:27:57 - กำหนดพื้นหลังแบบหลายคุณสมบัติ
04:31:46 - กำหนดวัตถุลอยด้วย float
04:51:06 - กำหนด style ให้ link
05:01:26 - inline , block , inline-block
05:10:38 - visibility
05:14:36 - จัดตำแหน่งด้วย position
05:39:51 - การใช้งาน !important
05:45:35 - จำกัดการแสดงข้อมูลด้วย overflow
05:51:21 - cursor style
05:56:11 - กำหนดเงาด้วย box-shadow
06:03:50 - กำหนดความทึบวัตถุด้วย opacity

#สร้างเว็บด้วย #CSS3 #webdevelopment

📢 ติดตามข่าวสารของเราได้ที่ :
➤ Facebook :   / kongruksiamtutorial  
➤ TikTok :   / kongruksiamstudio  
➤ Instagram :   / kongruksiamstudio  
➤ Medium :   / kongruksiam