ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.com< กดยุบ (ห้องยกเลิกการใช้งาน)TWGถามผู้รู้ช่วยชี้แนะ CSS หน่อยคร้าบ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ถามผู้รู้ช่วยชี้แนะ CSS หน่อยคร้าบ  (อ่าน 4701 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
ติ๊งต๊อง
สมุนแก๊งเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 651



ดูรายละเอียด เว็บไซต์
« เมื่อ: 03 กุมภาพันธ์ 2007, 19:35:00 »

div id
div class

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

Tee++;
โปรแกรมเมอร์ จอหงวน
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 79
ออฟไลน์ ออฟไลน์

กระทู้: 1,861



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 03 กุมภาพันธ์ 2007, 20:01:43 »

การอ้างอิงถึง 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 หลายๆจุดซ้ำกัน เป็นการทำผิดรูปแบบครับ
บันทึกการเข้า

thai1
ก๊วนเสียว
*

พลังน้ำใจ: 1
ออฟไลน์ ออฟไลน์

กระทู้: 263



ดูรายละเอียด
« ตอบ #2 เมื่อ: 03 กุมภาพันธ์ 2007, 20:37:21 »

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

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

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

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

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

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

Tee++;
โปรแกรมเมอร์ จอหงวน
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 79
ออฟไลน์ ออฟไลน์

กระทู้: 1,861



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 03 กุมภาพันธ์ 2007, 20:38:49 »

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

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

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

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

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

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


นั่นล่ะที่ผมพยายาม จะอธิบาย แต่เรียบเรียงออกมา ไม่เก่ง อิอิ
บันทึกการเข้า

EThaiZone
เจ้าพ่อโลลิค่อน
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 321
ออฟไลน์ ออฟไลน์

กระทู้: 12,518



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 03 กุมภาพันธ์ 2007, 20:49:27 »

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

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

ใน css

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

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

ติ๊งต๊อง
สมุนแก๊งเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 651



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 03 กุมภาพันธ์ 2007, 21:24:59 »

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

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


 Smiley
บันทึกการเข้า

youcanberich
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 124
ออฟไลน์ ออฟไลน์

กระทู้: 2,803



ดูรายละเอียด
« ตอบ #6 เมื่อ: 03 กุมภาพันธ์ 2007, 22:50:43 »

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

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


 Smiley


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

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

ติ๊งต๊อง
สมุนแก๊งเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 651



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 03 กุมภาพันธ์ 2007, 23:24:44 »

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

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


 Smiley


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

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


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

ขอบคุณทุกความอบอุ่นที่มีให้เสมอมา.... Cheesy
บันทึกการเข้า

eatcake
คนรักเสียว
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 197



ดูรายละเอียด
« ตอบ #8 เมื่อ: 10 กุมภาพันธ์ 2007, 16:44:31 »

เคยสงสัยเหมือนกัน

ขอบคุณครับ
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์