r10 - 19 Aug 2006 - 23:32:36 - PatipatTumsangthongYou are here: SETEC Wiki >  Knowledge Web  > WebTechnologyCategory > CSS
-- CharinyaKlakhang - 22 May 2012 - 13:34

CSS

  • CSS
    • CSS"> แนะนำ CSS
    • CSS ได"> เรากำหนดอะไรให้เอกสารด้วย CSS ได้บ้าง
    • CSS"> ประโยชน์ของ CSS
    • CSS"> การกำหนดลักษณะใน CSS

CSS"> แนะนำ CSS

ย่อมาจากคำว่า Cascading Style Sheets แนะนำและสนับสนุนโดย Microsoft internet explorer 3.0 และ Netscape 4.0 เป็นวิธีการกำหนดการแสดงผลของสิ่งต่างๆบนเว็บเพจ เช่น การกำหนดลักษณะอักษรที่แสดงHeading ได้แก่ ฟอนต์ ขนาดตัวอักษร สีอักษร รวมถึงสีพื้นหลังด้วย ซึ่งคุณคงจะนึกออกว่าถ้าเราจะกำหนดลักษณะข้อความเช่นนี้เราต้องใช้ tag <font> ของ html ดังนั้นเราจึงสามารถใช้ CSS แทน tag ต่างๆ ดังกล่าวของ html ได้

CSS ได"> เรากำหนดอะไรให้เอกสารด้วย CSS ได้บ้าง

  • ลักษณะการแสดงผลของข้อความ
  • การจัดตำแหน่งย่อหน้า(ขอบซ้ายขวาบนล่าง)
  • สีสรรของหน้า
  • ภาพฉากหลัง
  • กรอบ
  • ตาราง
  • การพิมพ์
  • ลักษณะอื่น ๆที่ html ทำได้แต่ CSS สะดวกกว่า

CSS"> ประโยชน์ของ CSS

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

CSS"> การกำหนดลักษณะใน CSS

ตำแหน่งของ CSS ในเอกสาร html จะอยู่ตำแหน่งใดก็ได้ มีหลายจุดก็ได้แต่ส่วนใหญ่จะกำหนดไว้ที่ต้นเอกสาร ในส่วน ใน tag cascading style sheets ประกอบด้วยส่วน ประกอบหลัก 3 ส่วนคือ

ส่วนประกอบ การใช้งาน
Property คุณสมบัติของลักษณะที่จะกำหนด เช่น ลักษณะของสี ลักษณะของแบบอักษร เป็นต้น
Dot ใช้สำหรับแยกระหว่าง property กับค่าหรือลักษณะของ property นั้น ๆ
Value คือค่าหรือลักษณะของคุณสมบัติที่เรากำหนดให้แก่ property property และ value หลายอย่างสามารถกำหนดรวมกันไปได้โดยแยกแต่ละส่วนด้วย semi-colon
Edit | Attach | Printable | Raw View | Backlinks: Web, All Webs | History: r10 < r9 < r8 < r7 < r6 | More topic actions
Knowledge.CSS moved from Knowledge.Css on 20 Aug 2006 - 03:32 by PatipatTumsangthong - put it back
 
Powered by SETEC Wiki
Copyright ©2012 by National Electronics and Computer Technology Center, NECTEC.
Ideas, requests, problems regarding SETEC Wiki? Send feedback