CSS Beginner Tutorial วิธีแก้ไข CSS ในบล็อก

ก่อนที่จะเรียนรู้การใช้ CSS เราต้องทำความเข้าใจก่อนว่า CSS คืออะไร CSS เป็นตัวย่อของ Cascading Style Sheets

* ภาษา CSS เป็นภาษามาร์กอัปที่ไม่ต้องการการคอมไพล์และสามารถดำเนินการได้โดยตรงจากเบราว์เซอร์ (เป็นภาษาที่แปลโดยเบราว์เซอร์)

* CSS รับผิดชอบการออกแบบเว็บไซต์มาตรฐาน เนื้อหาหน้าเว็บ (XHTML)

* ไฟล์ CSS อาจกล่าวได้ว่าเป็นไฟล์ข้อความซึ่งมีแท็ก CSS อยู่บ้าง ไฟล์ CSS ต้องใช้ css เป็นคำต่อท้ายชื่อไฟล์

* ประสิทธิภาพโดยรวมของหน้าเว็บสามารถเปลี่ยนแปลงได้ เพียงแค่เปลี่ยนไฟล์ CSS แบบฟอร์มก็สามารถลดภาระงานของเราได้ดังนั้นจึงเป็นหลักสูตรที่จำเป็นสำหรับนักออกแบบเว็บไซต์ทุกคน

* CSS ถูกสร้างและดูแลโดยคณะทำงาน CSS ของ W3C

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

การลิงก์ไปยังไฟล์สไตล์ชีตภายนอก (การลิงก์ไปยังสไตล์ชีต)

คุณสามารถสร้างไฟล์สไตล์ชีตภายนอก (.css) ก่อน จากนั้นจึงใช้ออบเจ็กต์ลิงก์ HTML ตัวอย่างจะเป็นดังนี้:

＜หัวข้อ＞ชื่อเอกสาร＜/หัวข้อ＞
＜link rel=stylesheet href=" http://www.devdao.com/dhtmlet.css " type="text/css"">

ใน XML คุณควรเพิ่มลงในพื้นที่ประกาศตามที่แสดงในตัวอย่างต่อไปนี้:

＜? xml-stylesheet type="text/css" href=" http://www.123-seo.cn/dhtmlet . css "?>

กำหนดวัตถุบล็อกสไตล์ภายใน (การฝังบล็อกสไตล์)

คุณสามารถแทรกวัตถุบล็อก ระหว่างแท็ก และ ในเอกสาร HTML ของคุณ สำหรับวิธีการกำหนด โปรดดูที่ไวยากรณ์สไตล์ชีต ตัวอย่างมีดังนี้:

＜หัว＞
＜หัวข้อ＞ชื่อเอกสาร＜/หัวข้อ＞
＜style type="text/css"><
-
เนื้อความ {แบบอักษร: 10pt "Arial"}
h1 {แบบอักษร: 15pt/17pt "Arial";
h2 {แบบอักษร: 13pt/15pt "Arial";
p {แบบอักษร: 10pt/12pt "Arial"; สี: สีดำ}
-
＜/สไตล์><
＜/หัว><

โปรดทราบว่าการตั้งค่าแอตทริบิวต์ type ของวัตถุสไตล์เป็น "text/css" ที่นี่จะทำให้เบราว์เซอร์ที่ไม่สนับสนุนประเภทนี้สามารถละเว้นสไตล์ชีตได้