การใช้งาน class css

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: การใช้งาน class css

การใช้งาน class css

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เพื่อเพิ่มความเข้าใจในการใช้งานเครื่องมือต่างๆ ค่ะ

Top