คู่มือ HTML และ CSS ระดับสูง

ขั้นสูง

ระยะห่างระหว่างคำและตัวอักษร ตัวพิมพ์ของข้อความ บรรทัดสุดท้าย ตัวอักษรแรก บรรทัดแรก โหมดการแสดงผลข้อความ ขนาดแท็บ การล้นของบล็อก การตัดข้อความ คำยาวๆ การแบ่งคำ เอฟเฟกต์ข้อความ การจัดวางข้อความในคอลัมน์ การยกเลิกการเลือกโดยตัวชี้ การยกเลิกปฏิกิริยา ประเภทของเคอร์เซอร์ สีของการไฮไลต์ การยุบเส้นขอบของตาราง ระยะห่างระหว่างเซลล์ของตาราง ลักษณะของเซลล์ตารางที่ว่างเปล่า การจัดตำแหน่งข้อความในแนวตั้งในเซลล์ การเปลี่ยนขนาดเซลล์ตารางโดยเบราว์เซอร์ การแทรกองค์ประกอบเทียม การนับองค์ประกอบอัตโนมัติ แอตทริบิวต์ขององค์ประกอบ ฟังก์ชันสำหรับการคำนวณ ฟังก์ชันสำหรับเลือกหนึ่งค่าจากหลายค่า

แบบฟอร์ม

องค์ประกอบพื้นฐานของแบบฟอร์ม อินพุตข้อความ ป้ายกำกับแบบฟอร์ม ช่องทำเครื่องหมาย ปุ่มตัวเลือกเรดิโอ ช่องป้อนข้อมูลหลายบรรทัด การปรับขนาด textarea คำแนะนำ placeholder ซูโดเอลิเมนต์ placeholder รายการแบบดรอปดาวน์ การปิดกั้นองค์ประกอบแบบฟอร์ม คำอธิบายแบบฟอร์ม ปุ่มเป็นประเภทอินพุต ช่องสำหรับรหัสผ่าน ประเภทอินพุตสำหรับอัปโหลดไฟล์ ประเภทอินพุตอื่นๆ โฟกัสสำหรับองค์ประกอบแบบฟอร์ม การเปลี่ยนโฟกัสด้วยแท็บ โฟกัสอัตโนมัติ คีย์ลัด การได้รับองค์ประกอบที่ถูกทำเครื่องหมาย การได้รับองค์ประกอบที่ไม่ทำงาน การเติมข้อความอัตโนมัติในช่อง การยกเลิกการเติมข้อความอัตโนมัติในช่อง

กราฟิก

สีในรูปแบบ rgb สีในรูปแบบ hex สีในรูปแบบ rgba ความโปร่งแสง เงาข้อความ เงาบล็อก การไล่ระดับสีแบบเส้นตรง การไล่ระดับสีแบบรัศมี การไล่ระดับสีแบบเส้นตรงซ้ำ การไล่ระดับสีแบบรัศมีซ้ำ

เอฟเฟกต์

การเปลี่ยนผ่านอย่างลื่นไหล ภาพเคลื่อนไหว คุณสมบัติสั่นหายสำหรับภาพเคลื่อนไหว สถานะของภาพเคลื่อนไหว การหมุนองค์ประกอบ การปรับสเกลองค์ประกอบ การบิดเบือนองค์ประกอบตามแกน การเลื่อนองค์ประกอบตามแกน จุดต้นทางของการแปลง การนำเอฟเฟกต์ไปใช้

ความเข้ากันได้ข้ามเบราว์เซอร์

ความรู้เบื้องต้นเกี่ยวกับความเข้ากันได้ข้ามเบราว์เซอร์ เวนเดอร์พรีฟิกซ์ การตรวจสอบการสนับสนุน การรีเซ็ตและนอร์มัลไลเซชันสไตล์ การรีเซ็ตสไตล์ด้วยยูนิเวอร์แซลซีเลกเตอร์ ไลบรารีสำเร็จรูปสำหรับการรีเซ็ต การนอร์มัลไลเซชันสไตล์

หน่วยวัดขนาด

รู้จักกับหน่วย em การสืบทอดและหน่วย em การเยื้องและหน่วย em แนวปฏิบัติที่ดีในการใช้ em หน่วย rem หน่วย vh และ vw

การทำงานขั้นสูงกับ Flexbox

ขนาดขององค์ประกอบฟเล็กซ์ตามแนวแกนหลัก ความโลภขององค์ประกอบฟเล็กซ์ ความโลภเป็นศูนย์ขององค์ประกอบฟเล็กซ์ ความโลภเมื่อไม่ได้กำหนดความกว้างของบล็อกฟเล็กซ์ ความโลภเมื่อกำหนดความกว้างของบล็อกฟเล็กซ์ การหดตัวขององค์ประกอบฟเล็กซ์เมื่อพื้นที่ไม่เพียงพอ อิทธิพลของความกว้างพ่อแม่เป็นเปอร์เซ็นต์ต่อการหดตัว อิทธิพลของความกว้างลูกที่ต่างกันต่อการหดตัว อิทธิพลของความโลภองค์ประกอบต่อการหดตัว ปัจจัยการหดตัวของบล็อกฟเล็กซ์ ความกว้างองค์ประกอบที่ต่างกันและปัจจัยการหดตัวของบล็อกฟเล็กซ์ การควบคุมการหดตัว การยกเลิกการหดตัว คุณสมบัติย่อ flex การจัดวางแบบตารางด้วย Flexbox ปัญหาของการจัดวางแบบตารางด้วย Flexbox การจัดวางแบบตารางด้วยช่องว่างที่ถูกต้อง ช่องว่างแนวตั้งสำหรับการจัดวางแบบตาราง การจัดวางแบบตารางด้วยความกว้างอัตโนมัติของบล็อก ช่องว่างในการจัดวางแบบตารางด้วยความกว้างอัตโนมัติของบล็อก

การทำงานขั้นสูงกับกริด

กริดแบบชัดเจน กริดแบบนัย ขนาดของกริดนัย เนื้อหาแนวนอน เนื้อหาแนวตั้ง เนื้อหาทั้งสองแกน เซลล์แนวนอน เซลล์แนวตั้ง เซลล์ทั้งสองแกน เซลล์คำสั่งย่อ องค์ประกอบแนวนอน องค์ประกอบแนวตั้ง องค์ประกอบทั้งสองแกน องค์ประกอบคำสั่งย่อ การซ้อนทับขององค์ประกอบกริด กริดซ้อน ซับกริด สัญกรณ์แบบย่อ

การออกแบบเว็บที่ตอบสนอง

บทนำ รู้จักกับ Media Queries การปรับโครงสร้างบล็อก การจัดเรียงแบบตารางไม่มีช่องว่าง การจัดเรียงแบบตารางมีช่องว่าง ขนาดตัวอักษร
↑
ไทย▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣTürkmenTürkçeЎзбекOʻzbekTiếng Việt
เราใช้คุกกี้สำหรับการทำงานของเว็บไซต์ การวิเคราะห์ และการปรับเนื้อหาให้เหมาะสมส่วนบุคคล การประมวลผลข้อมูลเกิดขึ้นตาม นโยบายความเป็นส่วนตัว.
ยอมรับทั้งหมด ปรับแต่ง ปฏิเสธ