ถามผู้รู้ช่วยชี้แนะ CSS หน่อยคร้าบ

เริ่มโดย ติ๊งต๊อง, 03 กุมภาพันธ์ 2007, 19:35:00

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

ติ๊งต๊อง

div id
div class

มันใช้งานต่างกันอย่างไรครับ...

Tee++;

การอ้างอิงถึง ID เราจะใช้
#ID ในการเรียก

การอ้างอิงถึง Class เราจะใช้
.classname ในการเรียก


ส่วนใหญ่การใช้ ID เราจะใช้ที่จุดใหญ่ๆ เพียงจุดเดียว เช่น #wrapper แต่ class เรามักจะใช้ในจุดที่มีเรียกซ้ำกัน เช่นใน loop
<div id="wrapper">
<dl>
<dt class="title"></dt>
<dd></dd>
</dl>
<dl>
<dt class="title"></dt>
<dd></dd>
</dl>
<dl>
<dt class="title></dt>
<dd></dd>
</dl>
</div>

ถ้าเราลองเอา code ไป validate ที่ w3c ดูจะเห็นว่า การมี id หลายๆจุดซ้ำกัน เป็นการทำผิดรูปแบบครับ
[direct=http://laravel.in.th]Laravel in Thai[/direct]
[direct=http://jquerytips.com]jQueryTips by Tee++;[/direct]
[direct=https://www.facebook.com/jQueryTips]jQueryTips Page[/direct]
[direct=https://www.facebook.com/Laravel.in.th]Laravel in Thai Page[/direct]
[direct=https://twitter.com/Teepluss]Teepluss's Twitter[/direct]


thai1

ในความหมายก็คือ
ID คือลักษณะของ วัตถุที่เราจะปรับแต่งนั้นมีลักษณะแตกต่างกัน
Class คือลักษณะของวัตุถุ ที่เราจะปรับแต่งมีลักษณะที่เหมือนกัน

ถ้าสมมุติจะปรับแต่ง table สัก 2 table แต่ table ทั้ง 2 ไม่เหมือนกัน
ก็ความจะใช้ id

แต่ถ้าทั้ง 2 table เหมือนกันก็ใช้ class ครับ

เพื่อให้ได้ความหมายและเป็นความระเบียบเรียบร้อย

แต่จริงจริงแล้วเราก็จะใช้อันไหนก็ได้ครับ

แต่ใช้วิธีที่ผมบอกจะง่ายในการสื่อและเข้าใจมากกว่าครับ

Tee++;

อ้างถึงจาก: thai1ในความหมายก็คือ
ID คือลักษณะของ วัตถุที่เราจะปรับแต่งนั้นมีลักษณะแตกต่างกัน
Class คือลักษณะของวัตุถุ ที่เราจะปรับแต่งมีลักษณะที่เหมือนกัน

ถ้าสมมุติจะปรับแต่ง table สัก 2 table แต่ table ทั้ง 2 ไม่เหมือนกัน
ก็ความจะใช้ id

แต่ถ้าทั้ง 2 table เหมือนกันก็ใช้ class ครับ

เพื่อให้ได้ความหมายและเป็นความระเบียบเรียบร้อย

แต่จริงจริงแล้วเราก็จะใช้อันไหนก็ได้ครับ

แต่ใช้วิธีที่ผมบอกจะง่ายในการสื่อและเข้าใจมากกว่าครับ

นั่นล่ะที่ผมพยายาม จะอธิบาย แต่เรียบเรียงออกมา ไม่เก่ง อิอิ
[direct=http://laravel.in.th]Laravel in Thai[/direct]
[direct=http://jquerytips.com]jQueryTips by Tee++;[/direct]
[direct=https://www.facebook.com/jQueryTips]jQueryTips Page[/direct]
[direct=https://www.facebook.com/Laravel.in.th]Laravel in Thai Page[/direct]
[direct=https://twitter.com/Teepluss]Teepluss's Twitter[/direct]


EThaiZone

id ใช้เรียกในลักษณะชื่อของวัตถุ
คือในจากทั้งหมด จะมีวัตถุแค่ชื่อนั้นเพียง 1 วัตถุเท่านั้น

ส่วน class ก็เปรียบเสมือนหน้ากากก็ว่าได้
หน้ากาก 1 ชนิด มีหลายอันได้ ดังนั้นจึงเอาไปสวมใส่กับหลายวัตถุได้

ใน css

จะใช้การอ้างแบบ id ก็ต่อเมื่อต้องการใช้กับวตถุเฉพาะอย่าง เช่น logo เว็บ

ส่วนอ้างแบบ class จะใช้ในกรณีมีวัตถุหลายชนืดที่มีความใกล้เคียงกันอย่าง
เมนูลิงค์ ตาราง กล่องใส่ข้อความ

ติ๊งต๊อง

ขอบคุณมากครับ...กระจ่างขึ้นเยอะเลย...

นี่แหละ..ที่เค้าเรียกว่า.."อ่านหนังสือ สิบครั้ง ก็ไม่เท่ากับถามผู้รู้แจ้งครั้งเดียว"


:)

youcanberich

อ้างถึงจาก: ติ๊งต๊องขอบคุณมากครับ...กระจ่างขึ้นเยอะเลย...

นี่แหละ..ที่เค้าเรียกว่า.."อ่านหนังสือ สิบครั้ง ก็ไม่เท่ากับถามผู้รู้แจ้งครั้งเดียว"


:)

   "ถามผู้รู้แจ้งสิบคน ก็ไม่เท่าลงมือทำ"  (มาต่อให้ครับ  :o )

ว่าจะเข้ามาตอบแต่ไม่ทันและ  รู้สึกอบอุ่นดีครับ  ผมว่าบอร์ดเริ่มจะกลับมาเหมือนตอนแรกๆและ
[direct=http://www.iheartpassiveincome.com/]อยากรู้ว่าผมทำเงินวันละ $1000 ได้ยังไง คลิ๊ก![/direct]
[direct=http://www.iheartpassiveincome.com/]ผมจะสอนให้คุณหารายได้แบบยั่งยืนบนโลกออนไลน์ รับประกันคุณทำได้แน่นอน[/direct]
[direct=http://www.iheartpassiveincome.com/]เหนื่อยกับการปั่นเว็บใช่มั้ย อยากทำเงินวันละ $100 และไม่ต้องลุ้นโดนแบนรายวัน ผมมีทางออกให้ คลิ๊กครับ![/direct]

ติ๊งต๊อง

อ้างถึงจาก: snowball926
อ้างถึงจาก: ติ๊งต๊องขอบคุณมากครับ...กระจ่างขึ้นเยอะเลย...

นี่แหละ..ที่เค้าเรียกว่า.."อ่านหนังสือ สิบครั้ง ก็ไม่เท่ากับถามผู้รู้แจ้งครั้งเดียว"


:)

   "ถามผู้รู้แจ้งสิบคน ก็ไม่เท่าลงมือทำ"  (มาต่อให้ครับ  :o )

ว่าจะเข้ามาตอบแต่ไม่ทันและ  รู้สึกอบอุ่นดีครับ  ผมว่าบอร์ดเริ่มจะกลับมาเหมือนตอนแรกๆและ

:D ..ช่ายเลย...ต้องลงมือทำด้วย..จึงจะถึงจุดหมาย...

ขอบคุณทุกความอบอุ่นที่มีให้เสมอมา.... :D

eatcake