บทความ

กำลังแสดงโพสต์ที่มีป้ายกำกับ CSS

การกำหนดสีพื้นหลังให้กับ Web Site

การกำหนดสีให้ website ทำได้โดยใส่ style ที่ tag body เช่น <body style= "background-color:red" > ... </body ซึ่งในตัวอย่างเราจะกำหนดเป็นสีแดง (สามารถใช้ name หรือ code ของสีก็ได้) แต่ถ้าจะให้ดูดีตามยุคสมัยเราก็จะแยกออกเป็น เป็น file.css เช่น site.css โดยเนื้อให้ใน file นี้ก็เหมือนกับข้างบนคือกำหนด style ให้ tag body ดังตัวอย่างต่อไปนี้ body { background-color:red ; } จบ แต่ ไม่จบ ไอ้ browser Google Chrome จะแสดงสีขาวต่อท้ายมาส่วนข้างล่างในกรณีที่ เนื้อหาไม่เต็ม 1 หน้าจอ เพราะว่าใร html เราจะเรียง tag ตามนี้ คือ <html> <head> .... </head> <body> .... </body> </html> ซึ่งถ้ามองดี ๆ จะเห็นว่า body จะเป็น child element ของ html (หรือ body มี parent เป็น html) และถ้า content ใน body มันไม่เต็มหน้าที่เหลือก็คือ html ซึงมันยังไม่ได้กำหนดสี background นั้นเอง ท่าน Chrome ของเรา Doctor เลยทีเดียวเสือกเป็นแบบนี้ เจ้าอื่นไม่เป็น ทางแก้ก็คือกำหนดสีให้ html ไปด้วยเลย โดยเขียน css แบบนี้ html , body { ba...

Replacement style="clear:both"

เราสามารถใช้ overflow:auto ใน div style attribute แทนการเพิ่ม <div style="clear="both></div> < div >          < div >             ...  แบบที่ 1      </ div >          < div >             ...  แบบที่ 1       </ div >          < div   style = "clear:both" > </ div >     </ div >            < div   style = "overflow:auto " >          < div >             ...  แบบที่ 2      </ div >          < div > ...