Selectors และ การคอมเม้นท์ใน css

การเขียน CSS สำหรับ XHTML selector ใน css ไฟล์นั้นเหมาะกับการใช้ในกรณีที่เราต้องการ ควบคุมการแสดงผลร่วมกันในหลายๆ หน้าของเว็บเช่น การสั่ง body หรือ การสั่ง IMG การเขียน css แบบ External ที่สำคัญเราควรกำหนดค่า body, img, Pseudo-classes, table,td และอื่นๆ ที่เราต้องการไว้ก่อน

เช่น ถ้าเราเขียน

body {
background-color: #000000;
}
img {
border: 0;
} 

เมื่อเรานำ ไฟล์ css ไปใช้กับหน้าเว็บใดๆ แล้ว จะได้ค่า พื้นหลังของทุกหน้าเป็นสี #000000 และภาพทุกภาพที่มีอยู่ในแต่ละหน้า จะไม่มี เส้นขอบ และเมื่อเราไปใช้ tag <img src="" alt=""> เราไม่ต้องกำหนด border="0" ในแทกอีกที เพราะ css จัดการให้เรียบร้อยแล้ว และวิธีการกำหนด IMG ให้ border: 0; ใน css ไฟล์ลักษณะนี้ นอกจากจะช่วยไม่ให้ต้องเขียน border="0" ใน html แล้ว เวลาที่เราทำลิงค์จากภาพ ใน IE ก็จะไม่ปรากฎ ขอบสีน้ำเงินขึ้นด้วยครับ

การใช้ คอมเม้นท์ ใน css

เช่นเดียวกับหลายๆ ภาษา css มีลักษณะการคอมเมนท์ โค้ดเหมือนกันครับ โดยการใช้ สัญลักษณ์ / และ * เช่น /* ไม่ให้แสดงผล */

การคอมเม้นท์ในโค้ด css เช่น

body {
background: #FFFFFF;
font-size: 0.9em;
}

ถ้าเราไม่อยากให้ font-size แสดงผล ทำได้ด้วย

body {
background: #FFFFFF;
/* font-size: 0.9em;*/ /*ปิดการแสดงผลของขนาดตัวหนังสือ*/
}
Did you like this? Share it:
Share |

Back to Top

This entry was posted in CSS | Cascading Style Sheets, ความรู้พื้นฐานของ CSS

Tagged: ,

เนื้อหาที่คล้ายคลึงกัน อย่างมีนัยสำคัญ

0 Responses to Selectors และ การคอมเม้นท์ใน css

  1. nongting says:

    เป็น web ที่ดีมากค่ะ เพราะคนไทยไม่ค่อยรุ้เรื่อง css ซักเท่าไหร่ (ที่ผ่านมาก็ทำแบบมั่วๆ) พอมาลองอ่านก็เข้าใจมากขึ้น เป็นกำลังใจให้ทำเว็บดีๆ ต่อไปนะคะ

    Reply

  2. Gimmick says:

    ผมชอบเว็บนี้มากเลยครับสอนอะไรมากมายตอนนี้ผมฝึกวิชา css อยู่หวังว่าคงไม่นานก็จะเขียนได้เก่งครับแต่กว่าจะได้ก็…. ทำเอาคนเขียนโง่ๆอย่างผมเนี่ย….. ท้อเหมือนกันครับแต่พอ…. คิดไหเดี…คนอื่นทำได้แล้วทำไมเราทำไม่ได้อ่ะเหอะๆ…….

    Reply

  3. SKYLINE says:

    ดีฮะ ที่ผมเข้าใจและที่เคยทำตอนเรียนเป็นการสร้างตัว cssขึ้นมาเพื่อเป็นการจัดระเบียบตัวอักษร เพื่อเรียกใช้ในdream อีกที ดีมากๆฮะ เพิ่มความรู้อีก

    Reply

  4. OTANI says:

    เพิ่งเข้าใจกับภาษา CSS เพราะว่าถนัดแต่ภาษา HTML (แก่ไปไม๊เนี่ย)เห็นแล้วเก็ตทันที เขียนง่ายกว่า HTML เยอะเลย ดีจัง

    Reply

  5. คน ไอที says:

    ให้กำลังใจต่อ ผลิตสิ่งดีๆอย่างดีต่อไปน่ะครับ

    ผมให้กำลังใจ

    Reply

  6. k2w says:

    จะว่าไปก็ไม่แตกต่างไรกับ ฟังก์ชั่นในภาษาซีครับ อิอิ (พวกหมกมุ่นกับภาษาซีครับ)

    Reply

  7. jommann says:

    ผมอ่านเว็บนี้มานานแหละ ชอบมากครับ ทำให้รู้ และเข้าใจในตัว CSS มากขึ้นเยอะว่ามันทำอะไรได้มากกว่าที่เราให้มันทำ มันแสดงเสียอีกน่ะเนี้ยะ

    Reply

  8. Kra says:

    เป็น Web ที่ดีครับ ขอให้กำลังใจเจ้าของ Web ครับ ขอบคุณสำหรับความรู้ครับ

    Reply

  9. jimmy says:

    ถามกูรูหน่อยคับ ผมเคยเห้นโค้ดของ CSS เปนแบบนี้น่ะคับ มันคือไรอ่ะคับ ใครรู้ช่วยบอกที

     
    _margin-top: -8px;

    Reply

  10. K_k says:

    ขอบคุณสำหรับความรู้ครับ สู้ๆต่อไปครับ คุณทำดีแล้ว

    Reply

  11. aek says:

    ได้ความรู้มาก ๆเลยครับ ขอบคุณมาก ๆ เลยครับ

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Connect with Facebook

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Back to Top

TEXT & text Effectes

Layout and Box Model

Transitions and Animations