ในการออกแบบเว็บไซต์ตามมาตรฐานเว็บ วิธีการเปลี่ยนจะใช้ XHTML+CSS เป็นหลัก และสไตล์ชีต CSS ถือเป็นสิ่งสำคัญ สิ่งนี้กำหนดให้นักออกแบบเว็บไซต์ทุกคนต้องมีความเชี่ยวชาญใน CSS หากคุณยังไม่เคยใช้มาก่อน ให้เริ่มเรียนรู้ทันที หากต้องการสร้างเว็บไซต์ที่สอดคล้องกับมาตรฐานเว็บ คุณไม่สามารถออกแบบหน้าเว็บที่สวยงามโดยไม่รู้จัก CSS ได้
จริงๆ แล้ว การนำเสนอทุกด้านจะต้องดำเนินการด้วย CSS เราเคยใช้ตารางสำหรับการวางตำแหน่งและเค้าโครง แต่ตอนนี้เราต้องใช้ DIV สำหรับการวางตำแหน่งและเค้าโครง นี่คือการเปลี่ยนแปลงวิธีคิดซึ่งในตอนแรกจะอึดอัดเล็กน้อย ฮ่าฮ่า จะมีการต่อต้านการเปลี่ยนแปลงใด ๆ เพื่อที่จะได้รับประโยชน์จากมาตรฐาน มันคุ้มค่าที่จะละทิ้งแนวทางปฏิบัติแบบเก่า ๆ
การเรียกสไตล์ชีทจากภายนอก
ในอดีต เรามักจะใช้สไตล์ชีทในสองวิธี:
วิธีการแบบอินไลน์ของหน้า: สไตล์ชีตจะถูกเขียนโดยตรงในพื้นที่ส่วนหัวของโค้ดของหน้า บางสิ่งเช่นนี้:
<ประเภทสไตล์=ข้อความ/css> <! ――ร่างกาย { พื้นหลัง: สีขาว; สี: สีดำ }――> </style>
วิธีการโทรภายนอก: เขียนสไตล์ชีตแยกกัน css แล้วเรียกด้วยโค้ดที่คล้ายกับต่อไปนี้ในบริเวณส่วนหัวของหน้า
<link rel=stylesheet rev=stylesheet href=css/style.css type=text/css media=all />
ในการออกแบบที่สอดคล้องกับมาตรฐานเว็บ เราใช้วิธีการโทรภายนอก ประโยชน์ที่เห็นได้ชัดเจนในตัวเอง css เพื่อเปลี่ยนสไตล์ของเพจ หากทุกหน้าเรียกไฟล์สไตล์ชีตเดียวกัน การเปลี่ยนไฟล์สไตล์ชีตหนึ่งไฟล์สามารถเปลี่ยนสไตล์ของไฟล์ทั้งหมดได้
วิธีการเรียกสไตล์ชีตแบบตารางคู่
<link rel=stylesheet rev=stylesheet href=css/style.css type=text/css media=all /> <style type=text/css media=all> @import url( css/style01.css ); >
ทำไมต้องเขียนสองครั้ง?
ในความเป็นจริง ภายใต้สถานการณ์ปกติ การใช้วิธีลิงก์ภายนอกก็เพียงพอแล้ว (นั่นคือ ประโยคแรก) การเรียก double table ที่ฉันใช้ที่นี่เป็นเพียงตัวอย่างเท่านั้น คำสั่ง @import ใช้เพื่อเข้าสู่สไตล์ชีต คำสั่ง @import ไม่ถูกต้องในเบราว์เซอร์ Netscape 4.0 กล่าวอีกนัยหนึ่ง เมื่อคุณต้องการให้เอฟเฟกต์บางอย่างซ่อนอยู่ในเบราว์เซอร์ Netscape 4.0 และแสดงใน 4.0 ขึ้นไปหรือเบราว์เซอร์อื่น คุณสามารถใช้วิธีคำสั่ง @import เพื่อเรียกสไตล์ชีตได้