Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS
CSS
  1. คลาสหลอกที่ใช้กันทั่วไปใน CSS

    ต่อไปนี้เป็นคลาสหลอกที่ใช้กันทั่วไปบางส่วน ค่า คำอธิบาย :link ใช้คลาสนี้เพื่อเพิ่มสไตล์พิเศษให้กับลิงก์ที่ยังไม่ได้เยี่ยมชม :visited ใช้คลาสนี้เพื่อเพิ่มสไตล์พิเศษให้กับลิงก์ที่เข้าชม :hover ใช้คลาสนี้เพื่อเพิ่มสไตล์พิเศษให้กับองค์ประกอบเมื่อคุณวางเมาส์เหนือมัน :active ใช้คลาส

  2. การใช้ :first-child pseudo-class ใน CSS

    ใช้ :ลูกคนแรก pseudo class เพื่อเพิ่มรูปแบบพิเศษให้กับองค์ประกอบที่เป็นลูกคนแรกขององค์ประกอบอื่น ๆ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อทำความเข้าใจการใช้งาน :first-child pseudo class − <html>    <head>       <style>         &nb

  3. การใช้ :lang pseudo-class ใน CSS

    ใช้คลาส :lang pseudo เพื่อระบุภาษาที่จะใช้ในองค์ประกอบที่ระบุ คลาสนี้มีประโยชน์ในเอกสารที่ต้องดึงดูดหลายภาษาที่มีแบบแผนที่แตกต่างกันสำหรับโครงสร้างภาษาบางภาษา ตัวอย่าง คุณสามารถลองรันโค้ดต่อไปนี้เพื่อทำความเข้าใจการใช้งาน :lang pseudo class <html>    <head>      

  4. การใช้คุณสมบัติการมองเห็น CSS

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

  5. การใช้การมองเห็น CSS:มองเห็นได้;

    การมองเห็น ทรัพย์สินที่มีค่ามองเห็นได้ ใช้เพื่อทำให้องค์ประกอบมองเห็นได้ คุณสามารถลองใช้โค้ดต่อไปนี้เพื่อใช้งาน มองเห็นได้ ทรัพย์สิน − ตัวอย่าง <html>    <head>       <style>          p {             v

  6. วางตำแหน่งองค์ประกอบ HTML ของคุณด้วย CSS

    CSS ช่วยให้คุณจัดตำแหน่งองค์ประกอบ HTML ของคุณ คุณสามารถวางองค์ประกอบ HTML ใดๆ ไว้ที่ตำแหน่งใดก็ได้ที่คุณต้องการ คุณสามารถระบุว่าคุณต้องการให้องค์ประกอบอยู่ในตำแหน่งที่สัมพันธ์กับตำแหน่งตามธรรมชาติในหน้าหรือแบบสัมบูรณ์ตามองค์ประกอบหลัก ตัวอย่าง ให้เราดูตัวอย่างการวางตำแหน่งสัมพัทธ์ -  <html

  7. คุณสมบัติที่เกี่ยวข้องกับการวางตำแหน่ง CSS

    คุณสมบัติที่เกี่ยวข้องกับการวางตำแหน่งใน CSS คือ: ตำแหน่งสัมพัทธ์ ตำแหน่งสัมพัทธ์เปลี่ยนตำแหน่งขององค์ประกอบ HTML ที่สัมพันธ์กับตำแหน่งที่ปรากฏตามปกติ ดังนั้น left:20 จะเพิ่ม 20 พิกเซลในตำแหน่ง LEFT ขององค์ประกอบ การวางตำแหน่งสัมบูรณ์ องค์ประกอบที่มี ตำแหน่ง: ตำแหน่งสัมบูรณ์อยู่ที่พิกัดที่ระบุซึ่ง

  8. การวางตำแหน่งสัมพัทธ์ด้วย CSS

    การวางตำแหน่งสัมพัทธ์เปลี่ยนตำแหน่งขององค์ประกอบ HTML ที่สัมพันธ์กับตำแหน่งที่ปรากฏตามปกติ ดังนั้น left:20 จะเพิ่ม 20 พิกเซลในตำแหน่ง LEFT ขององค์ประกอบ คุณสามารถใช้สองค่า top และ ซ้าย พร้อมกับตำแหน่ง คุณสมบัติเพื่อย้ายองค์ประกอบ HTML ไปที่ใดก็ได้ในเอกสาร HTML เลื่อนไปทางซ้าย - ใช้ค่าลบสำหรับ

  9. การวางตำแหน่งที่แน่นอนด้วย CSS

    องค์ประกอบที่มีตำแหน่ง: แน่นอน อยู่ในตำแหน่งที่ระบุซึ่งสัมพันธ์กับมุมซ้ายบนของหน้าจอ คุณสามารถใช้สองค่าบน และซ้าย พร้อมกับ ตำแหน่ง คุณสมบัติเพื่อย้ายองค์ประกอบ HTML ไปที่ใดก็ได้ในเอกสาร HTML เลื่อนไปทางซ้าย - ใช้ค่าลบสำหรับซ้าย เลื่อนไปทางขวา - ใช้ค่าบวกสำหรับ ซ้าย เลื่อนขึ้น - ใช้ค่าลบสำหรับ

  10. แก้ไขตำแหน่งด้วย CSS

    ตำแหน่งคงที่ทำให้คุณสามารถแก้ไขตำแหน่งขององค์ประกอบไปยังจุดใดจุดหนึ่งบนหน้า โดยไม่คำนึงถึงการเลื่อน พิกัดที่ระบุจะสัมพันธ์กับหน้าต่างเบราว์เซอร์ คุณสามารถใช้สองค่าบนและ ซ้าย พร้อมกับ ตำแหน่ง คุณสมบัติเพื่อย้ายองค์ประกอบ HTML ไปที่ใดก็ได้ในเอกสาร HTML เลื่อนไปทางซ้าย - ใช้ค่าลบสำหรับ left . เลื

  11. ใช้คุณสมบัติ CSS z-index

    ใช้คุณสมบัติดัชนี z ร่วมกับตำแหน่ง คุณสมบัติเพื่อสร้างเอฟเฟกต์ของเลเยอร์ คุณสามารถระบุได้ว่าองค์ประกอบใดควรอยู่ด้านบนและองค์ประกอบใดควรอยู่ด้านล่าง ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน z-index ทรัพย์สิน − <html>    <head>    </head>   &nbs

  12. CSS pseudo-classes คืออะไร

    คลาสเทียม CSS ใช้เพื่อเพิ่มเอฟเฟกต์พิเศษให้กับตัวเลือกบางตัว คุณไม่จำเป็นต้องใช้ JavaScript หรือสคริปต์อื่นใดเพื่อใช้เอฟเฟกต์เหล่านั้น คลาสหลอกที่ใช้บ่อยที่สุดคือ − ค่า คำอธิบาย :link ใช้คลาสนี้เพื่อเพิ่มสไตล์พิเศษให้กับลิงก์ที่ยังไม่ได้เยี่ยมชม :visited ใช้คลาสนี้เพื่อเพิ่มสไตล์พิเศษให

  13. การใช้ :link pseudo-class ใน CSS

    :link pseudo-class ใช้เพื่อเพิ่มสไตล์พิเศษให้กับลิงค์ที่ยังไม่ได้เยี่ยมชม ค่าที่เป็นไปได้อาจเป็นชื่อสีใดก็ได้ในรูปแบบที่ถูกต้อง ตัวอย่าง <html>    <head>       <style>          a:link { color:#000000; }       </st

  14. กำหนดความสูงของบรรทัดข้อความด้วย CSS

    ส่วน line-height คุณสมบัติใช้เพื่อกำหนดความสูงของบรรทัดข้อความ ค่าของ line-height คุณสมบัติอาจเป็นตัวเลข ความยาว หรือเปอร์เซ็นต์ ตัวอย่าง <html>    <head>    </head>    <body>       <p style = "width:300px; height:100px; bo

  15. กำหนดความสูงขั้นต่ำที่กล่องสามารถมี CSS

    ส่วน ความสูงต่ำสุด คุณสมบัติใช้เพื่อกำหนดความสูงขั้นต่ำที่กล่องสามารถ ค่าของคุณสมบัติความสูงต่ำสุดอาจเป็นตัวเลข ความยาว หรือเปอร์เซ็นต์ ตัวอย่าง <html>    <head>    </head>    <body>       <p style = "width:400px; min-heigh

  16. สร้างเลเยอร์โดยใช้ CSS

    ในการสร้างเลเยอร์โดยใช้ CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้ ฉันใช้คุณสมบัติดัชนี z แล้ว ตัวอย่าง <html>    <head>    </head>    <body>       <div style = "background-color:red; width:300px; height:100px; position:relative;

  17. การใช้คุณสมบัติ Margin-right ด้วย CSS

    ระยะขอบขวา ระบุระยะขอบด้านขวาขององค์ประกอบ สามารถมีค่าความยาว % หรืออัตโนมัติ คุณสามารถลองใช้รหัสต่อไปนี้เพื่อกำหนดระยะขอบด้านขวา - ตัวอย่าง <html>    <head>    </head>    <body>       <p style = "margin-right: 10px; border

  18. กำหนดความกว้างสูงสุดที่กล่องสามารถมีได้กับ CSS

    The ความกว้างสูงสุด คุณสมบัติใช้เพื่อกำหนดความกว้างสูงสุดที่สามารถเป็นกล่องได้ ค่าของคุณสมบัติความกว้างสูงสุดอาจเป็นตัวเลข ความยาว หรือเปอร์เซ็นต์ ตัวอย่าง <html>    <head>    </head>    <body>       <p style = "max-width:1

  19. กำหนดความกว้างขั้นต่ำที่กล่องสามารถมี CSS

    ความกว้าง ความกว้างต่ำสุด คุณสมบัติใช้เพื่อกำหนดความกว้างขั้นต่ำที่กล่องสามารถ ค่าของคุณสมบัติ min-width อาจเป็นตัวเลข ความยาว หรือเปอร์เซ็นต์ ตัวอย่าง <html>    <head>    </head>    <body>       <p style = "min-width:400px

  20. คุณสมบัติใดที่ใช้บอกเบราว์เซอร์ว่าต้องทำอย่างไรหากเนื้อหาของกล่องมีขนาดใหญ่กว่าตัวกล่องเอง

    CSS ให้คุณสมบัติที่เรียกว่า ล้น ซึ่งบอกเบราว์เซอร์ว่าต้องทำอย่างไรหากเนื้อหาของกล่องมีขนาดใหญ่กว่าตัวกล่องเอง คุณสมบัตินี้สามารถรับค่าใดค่าหนึ่งต่อไปนี้ - ค่า คำอธิบาย visible อนุญาตให้เนื้อหาล้นขอบขององค์ประกอบที่มีอยู่ ซ่อนอยู่ เนื้อหาขององค์ประกอบที่ซ้อนกันนั้นถูกตัดออกอย่างง่าย ๆ ที

Total 1566 -คอมพิวเตอร์  FirstPage PreviousPage NextPage LastPage CurrentPage:70/79  20-คอมพิวเตอร์/Page Goto:1 64 65 66 67 68 69 70 71 72 73 74 75 76