หน้าหลัก ทำความรู้จักกับ Cascading Style Sheet (CSS) รูปแบบของ CCS Style การแก้ไข CCS Style การลบ CCS Style การสร้าง CCS Style เพื่อให้ใช้ได้ทั้งเว็บไซต์ การนำไฟล์ CCS Style มาใช้ในเว็บเพจ กะทุ้แสดงความคิดเห็น

การนำไฟล์ CCS Style มาใช้ในเว็บเพจ

เมื่อเราสร้างไฟล์ CCS Style เรียบร้อย หากต้องการนำไปใช้ในเว็บเพจหน้าอื่นสมารถทำได้ โดยต้องดึงไฟล์ .CCS มาเชื่อมกับเว็บเพจที่ต้องการ โดยมีขั้นตอนดังนี้

1.เปิดหน้าเว็บเพจที่ต้องการใช้ CCS Style
2.คลิกที่ปุ่ม Attach Style Sheet เพื่อนำไฟล์ .Css มาใช้งาน
3.ปรากฏหน้าต่าง Attach Eatermal Style Sheet จากนั้นคลิกที่ปุ่ม Browse... เพื่อเลือกไฟล์.Css ที่จะใช้งาน
4.เลือกไฟล์ .Css ที่ต้องการ
5.คลิกที่ปุ่ม OK
6.เลือกรูปแบบการดึงไฟล์ ซึ่งมีรายละเอียดดังนี้

  • Link ไฟล์ .Css จะไม่เข้ามารวมในเว็บเพจที่เลือก
  • Import นำไฟล์ .Css เข้ามารวมในเว็บเพจที่เลือก

  • 7.คลิกที่ปุ่ม OK
    8.ในหน้าต่าง CCS Style จะมีไฟล์ .Css ถูกดึงนำมาใช้ในเว็บเพจ
    ในการใช้งาน CCS Style มีขั้นตอนดังนี้
    9.เลือกข้อความที่ต้องการใช้งาน CCS Style
    10.ในหน้าต่าง Properties ที่ช่อง Style เลือก CCS Style ที่ต้องการ