ตัวอย่าง CSS ขั้นพื้นฐาน
- หน้าก่อนหน้า HTML
- หน้าต่อไป Javascript
ความรู้ที่จำเป็นต้องมี
ก่อนที่จะเรียนต่อ คุณจำเป็นต้องมีความเข้าใจเบื้องต้นของความรู้ด้าน
- HTML
- XHTML
หากคุณต้องการเรียนเรื่องนี้ก่อนหน้านี้ โปรดเข้าถึง หน้าหลัก เข้าถึงคู่มือที่เกี่ยวข้อง
- สรุป CSS
-
- CSS หมายถึง สไตล์เชิงแนว (Cascading Style Sheets)
- การกำหนดสไตล์แบบแสดง ส่วนประกอบ HTML
- สไตล์ทั่วไปจะถูกเก็บเกี่ยวกับสไตล์เชิงแบบใน
- ที่เพิ่มสไตล์เข้าไปใน HTML 4.0 มีเพื่อแก้ปัญหาที่เกี่ยวกับการแยกเนื้อหาและการแสดง
- สไตล์แบบนอกไซต์สามารถเพิ่มประสิทธิภาพในการทำงานขึ้นมาก
- สไตล์ด้านนอกทั่วไปจะถูกเก็บเกี่ยวกับ ไฟล์ CSSใน
- หลายสไตล์แนวเพื่อ
สไตล์แก้ปัญหาที่เกิดขึ้นเป็นปัจจัยที่ยังไม่เคยเกิดขึ้นมาก่อน
ตามตัวอักษร HTML ได้ถูกออกแบบมาใช้กำหนดเนื้อหาของเอกสาร ด้วยการใช้แบบอักษร <h1>, <p>, <table> อย่างเช่นนี้ HTML ถูกคาดหวังว่าจะใช้แสดงข้อมูลเช่น “นี่คือหัวข้อ” 、“นี่คือปารากราฟ” 、“นี่คือตาราง” และเพื่อให้เว็บเบราเซอร์ทำงานด้านการจัดแนวของเอกสาร โดยไม่ใช้แบบอักษรจัดแนว
เนื่องจากสองเบราเซอร์หลัก (Netscape และ Internet Explorer) ส่งมอบต่อตามที่มีการเพิ่มตัวอักษร HTML และคุณสมบัติ (เช่นตามหน้าต่างโฟนต์และคุณสมบัติสี) สู่มาตรฐาน HTML อย่างต่อเนื่อง ดังนั้น การสร้างเว็บไซต์ที่ส่วนของเนื้อหามีความเป็นเอกลักษณ์เป็นส่วนที่แยกจากชั้นการแสดงเพิ่มขึ้นมากขึ้น
เพื่อแก้ปัญหานี้ องค์กรสมาคมมาตรฐานเว็บไซต์โลก (W3C) ซึ่งเป็นสมาคมมาตรฐานที่ไม่แสวงหาผลกำไร จับตามองหน้าที่ที่จะมาตรฐาน HTML และสร้าง STYLES (สไตล์) นอกจาก HTML 4.0
ทั้งหมดเบราเซอร์ที่แพร่หลายรอบรับการใช้งานสไตล์เชิงแบบ
สไตล์เชิงแบบเพิ่มประสิทธิภาพในการทำงานอย่างมาก
สไตล์เชิงแบบกำหนดวิธีการแสดงส่วนประกอบของ HTML อย่างเช่นตามหน้าต่างโฟนต์และคุณสมบัติสีในสไตล์ HTML 3.2 ทั่วไปจะถูกเก็บเกี่ยวกับไฟล์ .css ด้านนอก ด้วยการแก้ไขเพียงแค่เอกสาร CSS ง่ายๆ สไตล์ด้านนอกทำให้คุณสามารถเปลี่ยนแปลงลักษณะการจัดแนวทั้งหมดของเว็บไซต์ได้ทันที
เนื่องจากที่อนุญาตให้ควบคุมสไตล์และการจัดเรียงของหลายหน้าเว็บ ที่ CSS สามารถเรียกได้ว่าเป็นประวัติการทดสอบในสาขาทางการออกแบบเว็บ ในฐานะนั้น ในฐานะนั้น โดยนัยเอง นักพัฒนาเว็บสามารถกำหนดสไตล์สำหรับ HTML อิเล็กทรอนิกส์ทุกต่อทุกอย่าง และนำมันไปใช้กับหน้าเว็บที่ต้องการมากที่สุด สำหรับการเปลี่ยนแปลงทั่วไป พวกเราแค่เปลี่ยนแปลงสไตล์ และทุกองค์ประกอบของเว็บไซต์จะถูกปรับปรุงโดยอัตโนมัติ
สไตล์หลายต่อต่อจะถูกเรียงเป็น
สไตล์แบบฝั่งบริเวณอนุญาตให้กำหนดข้อมูลสไตล์ในหลายรูปแบบ สไตล์สามารถกำหนดใน HTML อิเล็กทรอนิกส์เดียวกัน ในแท็กหัวของหน้าเว็บ หรือในไฟล์ CSS ภายนอก และแม้กระทั่งอ้างอิงหลายไฟล์ CSS ภายนอกในแฟ้ม HTML อิเล็กทรอนิกส์เดียวกัน
ลำดับความสำคัญ
เมื่อเฮดเดอร์ HTML อิเล็กทรอนิกส์ถูกกำหนดโดยสไตล์หลายต่อต่อ จะใช้สไตล์อะไร?
โดยทั่วไป สไตล์ทุกต่อทุกอย่างจะถูกจัดการตามกฎที่แสดงด้านล่างเพื่อที่จะสร้างตารางสไตล์เวิร์ชัลใหม่ ที่หมายเลข 4 มีความสำคัญสูงสุด
- การตั้งค่าเริ่มต้นของบราวเซอร์
- สไตล์แบบนอกไซต์
- สไตล์แบบภายใน <head> แท็ก
- สไตล์ที่ใช้ในลิงค์ภายใน HTML อิเล็กทรอนิกส์
ดังนั้น สไตล์ที่ใช้ในลิงค์ภายใน HTML อิเล็กทรอนิกส์มีความสำคัญสูงสุด ซึ่งหมายความว่ามันจะมีความสำคัญสูงกว่าการประกาศสไตล์ใน <head> แท็ก ในสไตล์แบบนอกไซต์ หรือในสไตล์แบบเริ่มต้นของบราวเซอร์
- หน้าก่อนหน้า HTML
- หน้าต่อไป Javascript
