Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS
CSS
  1. ลักษณะแบบอักษรใน CSS

    คุณสมบัติแบบอักษร CSS ใช้เพื่อระบุรูปแบบปกติ ตัวเอียง หรือเฉียงสำหรับข้อความขององค์ประกอบ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติรูปแบบตัวอักษร CSS มีดังต่อไปนี้ - Selector {    font-style: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติแบบอักษร CSS - <!DOCTYPE html> <html>

  2. การตั้งค่าสีของลิงค์โดยใช้ CSS

    CSS ช่วยให้เราสามารถกำหนดสีลิงก์ได้ คุณสมบัติสีใช้เพื่อกำหนดสีของข้อความในองค์ประกอบ ลำดับของตัวเลือกหลอกกำหนดโดย:- :link, :visited, :hover, :active. ไวยากรณ์ ไวยากรณ์ของคุณสมบัติสี CSS มีดังต่อไปนี้ - Selector {    color: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติสี CSS - <!

  3. โครงร่าง Vs เส้นขอบใน CSS

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

  4. การจัดรูปแบบรายการที่ไม่เรียงลำดับและเรียงลำดับใน CSS

    สไตล์และตำแหน่งของรายการที่ไม่เรียงลำดับและเรียงลำดับสามารถจัดรูปแบบตามคุณสมบัติ CSS ได้ด้วย list-style-type, list-style-image และ list-style-position ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS list-style มีดังนี้ - Selector {    list-style: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณส

  5. ประเภทของรายการ HTML

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

  6. คุณสมบัติ CSS ที่จำเป็นสำหรับการจัดแต่งตาราง

    เราสามารถกำหนดรูปแบบสำหรับตารางโดยใช้ CSS คุณสมบัติต่อไปนี้มักใช้เพื่อจัดรูปแบบ และองค์ประกอบต่างๆ - ชายแดน คุณสมบัติ CSS border ใช้เพื่อกำหนด border-width, border-style และ border-color ยุบขอบ คุณสมบัตินี้ใช้เพื่อระบุว่าองค์ประกอบ ควรมีขอบที่ใช้ร่วมกันหรือแยกจากกัน คำบรรยายภาพ คุณสมบัติด้าน

  7. การตั้งค่าขนาดตัวอักษรด้วย Em โดยใช้ CSS

    สำหรับขนาดข้อความที่ปรับขนาดได้ ขนาดฟอนต์จะแสดงเป็น em ลาก่อน หนึ่ง em เท่ากับ 16px หรือ 12pt ค่าจะสัมพันธ์กับขนาดตัวอักษรขององค์ประกอบหลัก ไวยากรณ์ ไวยากรณ์ของคุณสมบัติขนาดแบบอักษร CSS มีดังต่อไปนี้ - Selector {    font-size: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นว่าคุณสมบัติข

  8. การใช้ส่วนผสมของ Percentage และ Em ใน CSS

    เราสามารถใช้เปอร์เซ็นต์และ em ร่วมกันเพื่อระบุขนาดฟอนต์ขององค์ประกอบเพื่อให้เข้ากันได้ดีกับฟอนต์ ซึ่งช่วยให้เรามีข้อความที่เหมือนกันในเบราว์เซอร์ต่างๆ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติขนาดแบบอักษร CSS มีดังต่อไปนี้ - Selector {    font-size: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นว่

  9. น้ำหนักแบบอักษรใน CSS

    คุณสมบัติ CSS font-weight ใช้เพื่อกำหนดตัวหนาของอักขระข้อความขององค์ประกอบ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS font-weight มีดังนี้ - Selector {    font-weight: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติ font-weight - <!DOCTYPE html> <html> <head> <style> di

  10. ทำซ้ำพื้นหลังโดยใช้ CSS

    คุณสมบัติ CSS background-repeat ใช้เพื่อกำหนดลักษณะการทำซ้ำของภาพพื้นหลัง ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS background-repeat มีดังนี้ - Selector {    background-repeat: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติ CSS พื้นหลังซ้ำ - <!DOCTYPE html> <html> <head> &

  11. ตัวเลือกพี่น้องที่อยู่ติดกันใน CSS

    ตัวเลือกพี่น้องที่อยู่ติดกัน CSS ใช้เพื่อเลือกพี่น้องที่อยู่ติดกันขององค์ประกอบ ใช้เพื่อเลือกเฉพาะองค์ประกอบที่ตามหลังตัวเลือกแรกทันที ไวยากรณ์ ไวยากรณ์สำหรับตัวเลือกพี่น้อง CSS ที่อยู่ติดกันมีดังนี้ - element + element {    /*declarations*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงตัวเล

  12. การเยื้องข้อความทำงานกับ CSS

    คุณสมบัติการเยื้องข้อความ CSS ช่วยให้เราตั้งค่าการเยื้องของบรรทัดแรกขององค์ประกอบ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติการเยื้องข้อความ CSS มีดังต่อไปนี้ - Selector {    text-indent: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติการเยื้องข้อความ CSS <!DOCTYPE html> <html> <hea

  13. ระยะห่างระหว่างคำกับ CSS

    คุณสมบัติการเว้นวรรคคำ CSS ใช้เพื่อระบุช่องว่างระหว่างคำขององค์ประกอบ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติการเว้นวรรคคำ CSS มีดังต่อไปนี้ - Selector {    word-spacing: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติการเว้นวรรคคำ CSS - <!DOCTYPE html> <html> <head>

  14. การเชื่อมโยงสไตล์การทำงานกับ CSS

    CSS ช่วยให้เราจัดรูปแบบลิงก์ได้ตามต้องการ เราสามารถจัดรูปแบบข้อความ โดยการเพิ่มสี พื้นหลัง เพิ่มขนาด ฯลฯ นอกจากนี้ยังสามารถเพิ่มแอนิเมชั่นเพื่อสร้างเอฟเฟกต์ภาพที่สวยงามอีกด้วย สำหรับการทำงานที่เหมาะสม ลำดับของตัวเลือกหลอกจะได้รับโดย:- :link, :visited, :hover, :active ตัวอย่าง ตัวอย่างต่อไปนี้แสดงส

  15. การตั้งค่าสีข้อความทำงานกับ CSS

    คุณสมบัติสี CSS ใช้เพื่อกำหนดสีข้อความสำหรับองค์ประกอบ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติสี CSS มีดังต่อไปนี้ - Selector {    color: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติสี CSS - <!DOCTYPE html> <html lang="en"> <head> <style> div {    

  16. ตั้งค่าการจัดแนวข้อความที่ทำงานกับ CSS

    การใช้คุณสมบัติ CSS text-align เราสามารถตั้งค่าข้อความขององค์ประกอบในแนวนอน เราสามารถตั้งค่าให้ชิดซ้าย ขวา ชิดขอบหรือตรงกลางได้ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS text-align มีดังนี้ - Selector {    text-align: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติการจัดข้อความ CSS

  17. องค์ประกอบที่ทับซ้อนกันกับดัชนี Z โดยใช้ CSS

    การใช้ CSS Z-Index ผู้พัฒนาคุณสมบัติสามารถซ้อนองค์ประกอบเข้าด้วยกันได้ ดัชนี Z สามารถมีค่าบวกหรือค่าลบได้ หมายเหตุ − หากองค์ประกอบที่คาบเกี่ยวกันไม่ได้ระบุดัชนี z องค์ประกอบนั้นจะแสดงขึ้นที่กล่าวถึงสุดท้ายในเอกสาร ตัวอย่าง มาดูตัวอย่างคุณสมบัติดัชนี z กัน − <!DOCTYPE html> <html> &

  18. ::first-letter Pseudo-element ใน CSS

    CSS Pseudo Element นี้เลือกตัวอักษรตัวแรกของเนื้อหาขององค์ประกอบ อย่างไรก็ตาม สิ่งนี้ใช้ไม่ได้หากองค์ประกอบอยู่ในระดับอินไลน์ ตัวอย่าง มาดูตัวอย่าง CSS ::first-letter pseudo element − <!DOCTYPE html> <html> <head> <style> div{    background-color: #32485d;   &

  19. การสร้างสไตล์ชีตขึ้นอยู่กับสื่อโดยใช้ CSS

    สไตล์ชีตที่ขึ้นกับสื่อเป็นสไตล์ชีตพื้นฐานเท่านั้น แต่ใช้กับเอกสาร html เฉพาะเมื่อประเภทสื่อตรงกับประเภทอุปกรณ์ที่มองเห็นเอกสารได้ เราสามารถสร้างสไตล์ชีตที่ขึ้นกับสื่อได้โดยวิธีการดังต่อไปนี้ - การใช้ @media At-rules การใช้ @import At-rules การใช้ HTML องค์ประกอบที่มีแอตทริบิวต์สื่อ ตัวอย่าง มาด

  20. กฎของ @media ใน CSS

    กฎ CSS @media ใช้เพื่อระบุสไตล์ที่แตกต่างกันสำหรับประเภทสื่อต่างๆ (เช่น การพิมพ์ หน้าจอ ทั้งหมด ฯลฯ) ในสไตล์ชีตเดียว โดยปกติแล้วจะตามด้วยรายการประเภทสื่อที่คั่นด้วยเครื่องหมายจุลภาคและบล็อกการประกาศ CSS ที่มีกฎรูปแบบสำหรับสื่อเป้าหมาย ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - @media ไม่ใช่ | เฉพาะประเภทสื่อแ

Total 1566 -คอมพิวเตอร์  FirstPage PreviousPage NextPage LastPage CurrentPage:18/79  20-คอมพิวเตอร์/Page Goto:1 12 13 14 15 16 17 18 19 20 21 22 23 24