[Ryan เซลเซียส]

HTML ที่ฉันเรียนรู้เกี่ยวกับ 4-5 ปีที่ผ่านมาและเราได้ลำยองมาก mastered การใช้ตารางเพื่อจัดรูปแบบของฉันเว็บไซต์. อย่างไรก็ตามเมื่อฉันดูที่เป็นแหล่งที่มาสำหรับหน้าเว็บไซต์นี้เป็นวันที่พวกเขาที่เต็มไปนี้แท็ก. มันคืออะไร? ฉันต้องใช้แท็ก? มีอะไรผิดพลาดกับเพียงใช้ตาราง?

[คาร์บอน]

ตารางควรใช้สำหรับราบรื่นเนื้อหาที่จัดรูปแบบไม่. Div คือวิธีที่เหมาะสมทั้งสองเพื่อจัดรูปแบบเนื้อหาและใช้เนื้อหาที่ stylesheets.

[MJM]

คุณจำเป็นต้องเรียนรู้ที่จะแยกจากเนื้อหาสไตล์.
ฉันเป็นอะไรที่น่าประหลาดใจที่คุณใช้ตาราง 4-5 ปีที่ผ่านมา ... ที่เริ่มต้นเมื่อ CSS จริงๆละเลียดขึ้น.

[DR ห้องน้ำ]

CSS ถูกประมาณประมาณ 12 ปีขณะนี้และถูกหลักวิธีการสไตล์เว็บไซต์สุดท้ายห้าหรือหกปี. ตารางไม่รูปแบบสำหรับหน้าพวกเขาเป็นตารางข้อมูล.

Div ตอบคือสิ่งที่เรียกว่าทั่วไปผอก. คุณใส่ลงในหน้าเนื้อหา divs และตำแหน่งที่ divs ญาติกันปกติโดยลอยพวกเขา. หลีกเลี่ยงการใช้สัมบูรณ์ตำแหน่งที่เป็นไปได้ตามที่อาจส่งผลให้ปัญหาในใหม่ sizing ที่ viewport. นอกจากนี้ยังปกติที่จะนำบาง divs ภายในอื่น div. ฉันคิดว่าท่านมีจำนวนมากกวดทำ - เข้าสู่ sitepoint และบางส่วนของพวกเขาได้รับการแนะนำเกี่ยวกับการใช้หนังสือสำหรับ css เค้าโครง. ฉันต้องการแนะนำ "สร้างเว็บไซต์ของคุณเองสิทธิวิธีใช้ HTML และ css", "HTML ที่ upotia, ออกแบบโดยตาราง" และ "การ CSS Anthology". รับ editons ล่าสุดในแต่ละกรณี. ฉันต้องการของพวกเขาละเลยล่าสุดหนังสือ "ทุกสิ่งที่คุณรู้ abot css คือผิด" ดูเหมือนว่าเป็นครอบคลุม css3 ซึ่งยังอยู่ในการพัฒนาและส่วนมากของสิ่งที่ไม่ได้รับการสนับสนุนในเบราเซอร์ปัจจุบัน (สิ่งที่เบราเซอร์และผู้ผลิตคลั่ง advocates บอกคุณ!)

แต่หากท่านสามารถชื่อเสียงหนังสือเล่มหนึ่งแล้วได้ CSS บังคับบัญชาขั้นสูงเว็บมาตรฐานโซลูชั่นโดย Andy Budd. ความจริงนี้ได้รับหนังสือพร้อมด้วยใดๆของหนังสือ sitepoint.

หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ css ลอง www.cssbasics.com และ www.htmldog.com

CSS มีปัญหาเมื่อแรกปรากฏที่เบราว์เซอร์ที่สนับสนุนทั้งหมด differnet จำนวนและบางสิ่งที่ได้ของตนเองวิธีแต่สถานการณ์ได้ดีขึ้นมากในไม่กี่ปีที่ผ่านมาและมีจำนวนมากเว็บไซต์ที่ให้ทดลองและการทดสอบ css ตามเค้าโครง - Google เป็นเพื่อนของคุณ.

[lukeshep]

ที่เป็นเช่น div เหี่ยวห่อ-บาง - ในเองก็ไม่มีกำหนดขนาดที่ทั้งหมด - มันขยายหรือ shrinks ที่เกี่ยวข้องกับเนื้อหา.

หากคุณต้องการรับทั้งหมดฉลาดและกำหนดคุณสมบัติสำหรับ div (และมีมากมายหรือคุณสมบัติคุณสามารถให้มัน) คุณจะต้องให้มันมี ID หรือสไตล์ (เช่น <div id="header">) แล้วกำหนดเหล่านี้ใช้ css (มักจะเชื่อมโยงในแท็กส่วนหัวของคุณเป็นไฟล์แยกต่างหาก):

# ส่วนหัว (กว้าง: 100%; ความสูง: 50px; สี: สีน้ำเงิน;)

มันยวดง่ายๆและคุณสามารถสอนเองโดยมีดูเว็บไซต์อื่นๆ 'รหัส.