คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #37 : CSS Lesson >> #4 การใช้ property display เพื่อการลบส่วนต่างๆ
เรียนทฤษฎีกันไปเยอะแล้ว เรามาปฏิบัติกันเล้ย
ตอนนี้จะเป็นการยกตัวอย่างการใช้ property ง่ายๆ อย่าง display กันก่อน
คุณอาจจะเคยเห็น พวกโค้ด hi5 จะมี display: none; ซึ่งเป็นโค้ดลบ
ตัวอย่างเป็นโค้ดลบส่วนท้าย hi5 ซึ่ง selector คือ #footer
ก็จะเห็นดังนี้
#footer {display: none;}
เรามาทบทวนกันดีกว่า...
#footer เรียกว่าอะไรเอ่ย ?
แล้ว display ละ ?
สุดท้ายก็ none เรียกว่าอะไรจ๊ะทุกคน หุหุ
ต่อกันดีกว่า ทีนี้ สมมุติถ้าเราจะลบส่วนไหนของหน้านั้นๆ
เราก็ต้องหา selector มาก่อน ซึ่งผมมีให้แล้ว สำหรับ My iD 2.0 นะ
หรืออยากจะฝึกหาเองก็ได้จ้า
CSS Lesson #3 Selector ของ My iD 2.0
ต่อมาเราก็ เอา selector มาทำโค้ด โดยใช้ property เป็น display และ value เป็น none
จะได้ ตามนี้...
.modulebg1 {display: none;}
Selector นี้คือหัวข้อของ module นั่นเอง
โค้ดนี้ก็คือโค้ดลบหัวข้อครับ
แต่เดี๋ยวก่อน โค้ดของท่านจะไม่มีผลเลย
ถ้าไม่มีแท็ก <style type="text/css">...</style> คร่อมไว้
อย่าลืมใส่สองอันนี้ไว้ข้างหน้าและข้างหลังโค้ดเสมอครับ ^^
รวมถึงห้ามลืม { } และ ; เมื่อจบการปรับแต่ง ไม่อย่างนั้นโค้ดไม่มีผลนะครับ =w=
วันนี้จบแค่นี้ก่อน มีอะไรถามได้จ้า
ความคิดเห็น