โปรโมทเว็บ Freeze Dried Food

advertise


วันเสาร์ที่ 18 ตุลาคม พ.ศ. 2557

CSS และรูปแบบ Css

CSS (Cascading Style Sheets)


โลโก้ Css

   คือ ภาษาที่ใช้ปรับแต่ง HTML ให้มีการแสดงผลที่ดีขึ้นสมบูรณ์ยิ่งขึ้น แล้วข้อดีของ CSS คือ สามารถเรียกฟังก์ชัน CSS มาใช้ได้หลายๆเว็บเพจ  ดังนั้น ถ้าจะศึกษาภาษา CSS ให้เข้าใจควรมีพื้นฐานภาษา Html พอสมควร เพื่อเกิดความเข้าใจในภาษา CSS

รูปแบบการใช้งานคำสั่ง CSS

1.รูปแบบทั่วไป
   selector{property: value;}
     selector คือ คำสั่งในhtml ที่เราต้องการเพิ่มคุณสมบัติ
     property คือ คุณสมบัติที่ต้องการเพิ่ม
     value คือ ค่าที่ต้องการให้แสดง
   ** ถ้าประกาศแบบนี้จะใช้ทันทีเมื่อคำสั่งนั้นได้ถูกใช้
ตัวอย่าง
     body{ background:red} คือ ในคำสั่งbodyให้เปลี่ยนสีพื้นหลังเป็นสีแดง


 2.รูปแบบ class
   selector.name{property:value;}
    selector คือ คำสั่งในhtml ที่เราต้องการเพิ่มคุณสมบัติ
     property คือ คุณสมบัติที่ต้องการเพิ่ม
     value คือ ค่าที่ต้องการให้แสดง
     name ให้เราตั้งชื่อเอง เพื่อนำไปใช้
  การใช้งาน
   <selector class="name"></selector>
  ตัวอย่าง
     body.a{background:red;}  ส่วนประกาศ
    <body class="a"></body>   ส่วนการใช้งาน


3.รูปแบบ id
  selector#name{property:value}
     selector คือ คำสั่งในhtml ที่เราต้องการเพิ่มคุณสมบัติ
     property คือ คุณสมบัติที่ต้องการเพิ่ม
     value คือ ค่าที่ต้องการให้แสดง
     name ให้เราตั้งชื่อเอง เพื่อนำไปใช้
  การใช้งาน
   <selector class="name"></selector>
  ตัวอย่าง
     body.a{background:red;}  ส่วนประกาศ
     <body id="a"></body>  ส่วนการใช้งาน


 




ไม่มีความคิดเห็น:

แสดงความคิดเห็น