การใช้งาน class css

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

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

Post Reply
M034
PHP Super Member
PHP Super Member
Posts: 258
Joined: 28/03/2016 10:21 am
Contact:

การใช้งาน class css

Post by M034 » 21/04/2016 5:36 pm

การเลือกใช้ class จะใช้เพื่อกำหนดลักษณะรูปแบบที่เป็นมีลักษณะองค์ประกอบเป็นกลุ่ม ซึ่งแตกต่างจาก id
- การใช้ class จะใช้ในแอททริบิว class ของ html
- การใช้ class ใน CSS จะถูกกำหนดด้วยเครื่องหมายจุด .
ตัวอย่างการใช้งาน class

Code: Select all

.myclass
{
  color:#00FF80;
}

คำสั่ง color นี้เป็นคำสั่งสำหรับกำหนดสีของตัวอักษร ซึ่ง #00FF80 จะทำให้ตัวอักษรมีสีเป็นสีเขียว
คำว่า myclass คือชื่อ class ที่เราตั้งขึ้น เราสามารถตั้งเป็นชื่ออะไรก็ได้ เมื่อต้องการเรียกใช้ ให้เขียนโค้ดตามนี้
<div class="myclass">การเปลี่ยนสี class</div>

เมื่อรันแล้วจะได้ดังนี้
การเปลี่ยนสี class

บทความนี้เเป็นบทความที่จัดทำขึ้นเพื่อเป็นความรู้พื้นฐานในการพัฒนาCSS โดยสามารถศึกษาได้จากบทเรียน CSS ได้ที่บทเรียน cssเพื่อเพิ่มความเข้าใจในการใช้งานเครื่องมือต่างๆ ค่ะ

Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “PHP Knowledge”

Who is online

Users browsing this forum: No registered users and 5 guests