CSS คืออะไร?

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
boo_kyoshii
PHP Super Member
PHP Super Member
โพสต์: 343
ลงทะเบียนเมื่อ: 02/08/2013 10:08 am

CSS คืออะไร?

โพสต์โดย boo_kyoshii » 08/08/2013 5:35 pm

CSS ย่อมาจาก Cascading Style Sheets เป็นภาษาเฉพาะ และถูกกำหนดมาตรฐานโดย W3C
ใช้สำหรับตกแต่งเอกสาร HTML/XHTML ให้มีหน้าตา สีสัน ตัวอักษร พื้นหลีง ระยะห่าง ฯลฯ
อย่างที่เราต้องการ ด้วยการกำหนดคุณสมบัติให้กับ Element ต่างๆ ของ HTML เช่น <body>,<p>,<h1> เป็นต้น

ลักษณะการใช้งาน css แบ่งออกเป็น
--External Style Sheet คือการนำสไตล์ที่เก็บอยู่ในไฟล์ .css เข้ามาใช้บนเว็บเพจ
--Internal Style Sheet คือการใช้สไตล์ที่เก็บอยู่ภายในเว็บเพจนั้น
--inline Style คือการใช้คำสั่ง css กำกับไว้กับแท๊ก HTML

รูปแบบคำสั่ง css ที่ใช้กำหนดคุณสมบัติของสไตล์ประกอบกัน 2 ส่วนคือ
1. Selector คือชื่อของสไตล์ สามารถเป็น HTML Tag ต่างๆ เช่น <body>, <p> หรือเป็น Class name หรือ ID ที่เราตั้งชื่อให้ก็ได้
2. Declaration เป็นส่วนที่กำหนดว่าสไตล์นี้มีรูปแบบอะไร
ซึ่งประกอบไปด้วยคุณสมบัติ (Property) และค่าของคุณสมบัตินั้น (Value)
- property คือ คุณสมบัติในการจัดรูปแบบการแสดงผล เช่น color สำหรับกำหนดสี, font-size สำหรับกำหนดขนาดตัวอักษร
- value เป็น ค่า ที่เรากำหนดให้กับ property ต่างๆ เช่น color:white, font-size:14px
css.jpg
css.jpg (38.04 KiB) เปิดดู 406 ครั้ง


การแทรกโค้ดเพื่อดึงไฟล์ css มาใช้งาน
ก่อนที่เราจะใช้งานไฟล์ css ได้นั้นเราต้องทีการแทรกโค้ดลงไปในหน้าเว็บเพจก่อน โดยโค้ดที่ใช้คือ
การแทรโค้ด.jpg
การแทรโค้ด.jpg (17.39 KiB) เปิดดู 406 ครั้ง

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 11 และ บุคคลทั่วไป 0 ท่าน