8/12/58

CSS คืออะไร

CSS คืออะไร

บทความนี้เรามาทำความรู้จักกับ CSS กันดีกว่าครับ ว่ามันคืออะไร และมีไว้ใช้ทำอะไร

CSS ย่อมาจาก Cascading Style Sheets ซึ่งจะนำมาใช้ใน HTML หรือว่า SVG ในการกำหนดลักษณะหรือ style ในเนื้อหาของ HTML page

ในเว็บไซต์หรือเว็บแอปพลิเคชันสมัยนี้มักจะประกอบด้วย HTML, CSS, JavaScript หรืออาจจะมี SVG และอื่น ๆ ด้วย HTML นั้นจะเป็นการกำหนดเนื้อหาหรือข้อมูลในเว็บไซต์หรือเว็บแอปพลิเคชัน ส่วน CSS นั้นจะเป็นการกำหนดลักษณะการแสดงผลของเนื้อหาหรือข้อมูล เช่น การแสดงผลของตัวอักษร สี ขนาด กรอบ พื้นหลัง และอื่น ๆ ส่วน JavaScript นั้นจะเข้ามาทำให้เว็บไซต์เหมือนมีชีวิตยิ่งขึ้น และ SAG จะใช้ในการสร้าง graphics ที่เป็นแบบ Vector สำหรับ diagrams, icons หรือ logo

CSS Versions

เวอร์ชันของ CSS นั้นปัจจุบัน(2015) ได้มีสองเวอร์ชันที่สำคัญของ CSS ที่จะใช้ นั่นคือ CSS 2.1 และ CSS 3.0

CSS Example

ต่อไปมาดูตัวอย่างการใช้งานง่าย ๆ สำหรับ CSS กันครับ

<html>
 <head>
  <title>Doesystem</title>
 </head>

 <body>
  <style>
   div{
    color:#FF0000;
   }
  </style>

  <div>www.doesystem.info</div>
  <div>CSS Example</div>
 </body>
</html>

ในตัวอย่างเป็นการแสดงหน้า HTML อย่างง่าย ๆ โดยการใช้ style element และ div element

ใน style element นั้นจะเป็นการกำหนด CSS Code ในโค้ดตัวอย่าง CSS นั้นจะเป็นการกำหนดลักษณะหรือ style ของ div element ทั้งหมด โดยการกำหนดสี (color) ใน div ทั้งหมดให้เป็นสีแดง
ที่
ป้ายกำกับ:

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

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

สมัครสมาชิก: ส่งความคิดเห็น (Atom)