ต่อไปนี้เป็นคลาสหลอกที่ใช้กันทั่วไปบางส่วน ค่า คำอธิบาย :link ใช้คลาสนี้เพื่อเพิ่มสไตล์พิเศษให้กับลิงก์ที่ยังไม่ได้เยี่ยมชม :visited ใช้คลาสนี้เพื่อเพิ่มสไตล์พิเศษให้กับลิงก์ที่เข้าชม :hover ใช้คลาสนี้เพื่อเพิ่มสไตล์พิเศษให้กับองค์ประกอบเมื่อคุณวางเมาส์เหนือมัน :active ใช้คลาส
ใช้ :ลูกคนแรก pseudo class เพื่อเพิ่มรูปแบบพิเศษให้กับองค์ประกอบที่เป็นลูกคนแรกขององค์ประกอบอื่น ๆ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อทำความเข้าใจการใช้งาน :first-child pseudo class − <html> <head> <style> &nb
ใช้คลาส :lang pseudo เพื่อระบุภาษาที่จะใช้ในองค์ประกอบที่ระบุ คลาสนี้มีประโยชน์ในเอกสารที่ต้องดึงดูดหลายภาษาที่มีแบบแผนที่แตกต่างกันสำหรับโครงสร้างภาษาบางภาษา ตัวอย่าง คุณสามารถลองรันโค้ดต่อไปนี้เพื่อทำความเข้าใจการใช้งาน :lang pseudo class <html> <head>
ทรัพย์สินที่เรียกว่า การมองเห็น ช่วยให้คุณสามารถซ่อนองค์ประกอบจากมุมมอง คุณสามารถใช้คุณสมบัตินี้ร่วมกับ JavaScript เพื่อสร้างเมนูที่ซับซ้อนมากและเค้าโครงหน้าเว็บที่ซับซ้อนมากได้ การมองเห็น คุณสมบัติสามารถนำค่าที่แสดงในตารางที่ตามมาได้ ค่า คำอธิบาย มองเห็นได้ กล่องและเนื้อหาจะแสดงให้ผู้ใช้เ
การมองเห็น ทรัพย์สินที่มีค่ามองเห็นได้ ใช้เพื่อทำให้องค์ประกอบมองเห็นได้ คุณสามารถลองใช้โค้ดต่อไปนี้เพื่อใช้งาน มองเห็นได้ ทรัพย์สิน − ตัวอย่าง <html> <head> <style> p { v
CSS ช่วยให้คุณจัดตำแหน่งองค์ประกอบ HTML ของคุณ คุณสามารถวางองค์ประกอบ HTML ใดๆ ไว้ที่ตำแหน่งใดก็ได้ที่คุณต้องการ คุณสามารถระบุว่าคุณต้องการให้องค์ประกอบอยู่ในตำแหน่งที่สัมพันธ์กับตำแหน่งตามธรรมชาติในหน้าหรือแบบสัมบูรณ์ตามองค์ประกอบหลัก ตัวอย่าง ให้เราดูตัวอย่างการวางตำแหน่งสัมพัทธ์ - <html
คุณสมบัติที่เกี่ยวข้องกับการวางตำแหน่งใน CSS คือ: ตำแหน่งสัมพัทธ์ ตำแหน่งสัมพัทธ์เปลี่ยนตำแหน่งขององค์ประกอบ HTML ที่สัมพันธ์กับตำแหน่งที่ปรากฏตามปกติ ดังนั้น left:20 จะเพิ่ม 20 พิกเซลในตำแหน่ง LEFT ขององค์ประกอบ การวางตำแหน่งสัมบูรณ์ องค์ประกอบที่มี ตำแหน่ง: ตำแหน่งสัมบูรณ์อยู่ที่พิกัดที่ระบุซึ่ง
การวางตำแหน่งสัมพัทธ์เปลี่ยนตำแหน่งขององค์ประกอบ HTML ที่สัมพันธ์กับตำแหน่งที่ปรากฏตามปกติ ดังนั้น left:20 จะเพิ่ม 20 พิกเซลในตำแหน่ง LEFT ขององค์ประกอบ คุณสามารถใช้สองค่า top และ ซ้าย พร้อมกับตำแหน่ง คุณสมบัติเพื่อย้ายองค์ประกอบ HTML ไปที่ใดก็ได้ในเอกสาร HTML เลื่อนไปทางซ้าย - ใช้ค่าลบสำหรับ
องค์ประกอบที่มีตำแหน่ง: แน่นอน อยู่ในตำแหน่งที่ระบุซึ่งสัมพันธ์กับมุมซ้ายบนของหน้าจอ คุณสามารถใช้สองค่าบน และซ้าย พร้อมกับ ตำแหน่ง คุณสมบัติเพื่อย้ายองค์ประกอบ HTML ไปที่ใดก็ได้ในเอกสาร HTML เลื่อนไปทางซ้าย - ใช้ค่าลบสำหรับซ้าย เลื่อนไปทางขวา - ใช้ค่าบวกสำหรับ ซ้าย เลื่อนขึ้น - ใช้ค่าลบสำหรับ
ตำแหน่งคงที่ทำให้คุณสามารถแก้ไขตำแหน่งขององค์ประกอบไปยังจุดใดจุดหนึ่งบนหน้า โดยไม่คำนึงถึงการเลื่อน พิกัดที่ระบุจะสัมพันธ์กับหน้าต่างเบราว์เซอร์ คุณสามารถใช้สองค่าบนและ ซ้าย พร้อมกับ ตำแหน่ง คุณสมบัติเพื่อย้ายองค์ประกอบ HTML ไปที่ใดก็ได้ในเอกสาร HTML เลื่อนไปทางซ้าย - ใช้ค่าลบสำหรับ left . เลื
ใช้คุณสมบัติดัชนี z ร่วมกับตำแหน่ง คุณสมบัติเพื่อสร้างเอฟเฟกต์ของเลเยอร์ คุณสามารถระบุได้ว่าองค์ประกอบใดควรอยู่ด้านบนและองค์ประกอบใดควรอยู่ด้านล่าง ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน z-index ทรัพย์สิน − <html> <head> </head> &nbs
คลาสเทียม CSS ใช้เพื่อเพิ่มเอฟเฟกต์พิเศษให้กับตัวเลือกบางตัว คุณไม่จำเป็นต้องใช้ JavaScript หรือสคริปต์อื่นใดเพื่อใช้เอฟเฟกต์เหล่านั้น คลาสหลอกที่ใช้บ่อยที่สุดคือ − ค่า คำอธิบาย :link ใช้คลาสนี้เพื่อเพิ่มสไตล์พิเศษให้กับลิงก์ที่ยังไม่ได้เยี่ยมชม :visited ใช้คลาสนี้เพื่อเพิ่มสไตล์พิเศษให
:link pseudo-class ใช้เพื่อเพิ่มสไตล์พิเศษให้กับลิงค์ที่ยังไม่ได้เยี่ยมชม ค่าที่เป็นไปได้อาจเป็นชื่อสีใดก็ได้ในรูปแบบที่ถูกต้อง ตัวอย่าง <html> <head> <style> a:link { color:#000000; } </st
ส่วน line-height คุณสมบัติใช้เพื่อกำหนดความสูงของบรรทัดข้อความ ค่าของ line-height คุณสมบัติอาจเป็นตัวเลข ความยาว หรือเปอร์เซ็นต์ ตัวอย่าง <html> <head> </head> <body> <p style = "width:300px; height:100px; bo
ส่วน ความสูงต่ำสุด คุณสมบัติใช้เพื่อกำหนดความสูงขั้นต่ำที่กล่องสามารถ ค่าของคุณสมบัติความสูงต่ำสุดอาจเป็นตัวเลข ความยาว หรือเปอร์เซ็นต์ ตัวอย่าง <html> <head> </head> <body> <p style = "width:400px; min-heigh
ในการสร้างเลเยอร์โดยใช้ CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ ฉันใช้คุณสมบัติดัชนี z แล้ว ตัวอย่าง <html> <head> </head> <body> <div style = "background-color:red; width:300px; height:100px; position:relative;
ระยะขอบขวา ระบุระยะขอบด้านขวาขององค์ประกอบ สามารถมีค่าความยาว % หรืออัตโนมัติ คุณสามารถลองใช้รหัสต่อไปนี้เพื่อกำหนดระยะขอบด้านขวา - ตัวอย่าง <html> <head> </head> <body> <p style = "margin-right: 10px; border
The ความกว้างสูงสุด คุณสมบัติใช้เพื่อกำหนดความกว้างสูงสุดที่สามารถเป็นกล่องได้ ค่าของคุณสมบัติความกว้างสูงสุดอาจเป็นตัวเลข ความยาว หรือเปอร์เซ็นต์ ตัวอย่าง <html> <head> </head> <body> <p style = "max-width:1
ความกว้าง ความกว้างต่ำสุด คุณสมบัติใช้เพื่อกำหนดความกว้างขั้นต่ำที่กล่องสามารถ ค่าของคุณสมบัติ min-width อาจเป็นตัวเลข ความยาว หรือเปอร์เซ็นต์ ตัวอย่าง <html> <head> </head> <body> <p style = "min-width:400px
CSS ให้คุณสมบัติที่เรียกว่า ล้น ซึ่งบอกเบราว์เซอร์ว่าต้องทำอย่างไรหากเนื้อหาของกล่องมีขนาดใหญ่กว่าตัวกล่องเอง คุณสมบัตินี้สามารถรับค่าใดค่าหนึ่งต่อไปนี้ - ค่า คำอธิบาย visible อนุญาตให้เนื้อหาล้นขอบขององค์ประกอบที่มีอยู่ ซ่อนอยู่ เนื้อหาขององค์ประกอบที่ซ้อนกันนั้นถูกตัดออกอย่างง่าย ๆ ที
