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.0CSS 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 ทั้งหมดให้เป็นสีแดง
ไม่มีความคิดเห็น:
แสดงความคิดเห็น