ก่อนที่จะเรียนรู้การใช้ CSS เราต้องทำความเข้าใจก่อนว่า CSS คืออะไร CSS เป็นตัวย่อของ Cascading Style Sheets
* ภาษา CSS เป็นภาษามาร์กอัปที่ไม่ต้องการการคอมไพล์และสามารถดำเนินการได้โดยตรงจากเบราว์เซอร์ (เป็นภาษาที่แปลโดยเบราว์เซอร์)
* CSS รับผิดชอบการออกแบบเว็บไซต์มาตรฐาน เนื้อหาหน้าเว็บ (XHTML)
* ไฟล์ CSS อาจกล่าวได้ว่าเป็นไฟล์ข้อความซึ่งมีแท็ก CSS อยู่บ้าง ไฟล์ CSS ต้องใช้ css เป็นคำต่อท้ายชื่อไฟล์
* ประสิทธิภาพโดยรวมของหน้าเว็บสามารถเปลี่ยนแปลงได้ เพียงแค่เปลี่ยนไฟล์ CSS แบบฟอร์มก็สามารถลดภาระงานของเราได้ดังนั้นจึงเป็นหลักสูตรที่จำเป็นสำหรับนักออกแบบเว็บไซต์ทุกคน
* CSS ถูกสร้างและดูแลโดยคณะทำงาน CSS ของ W3C
เราก็สามารถนำมันไปใช้ได้อย่างง่ายดาย เราสามารถเพิ่มลงในบล็อกของคุณได้สองวิธีดังต่อไปนี้ เนื่องจากวิธีการสมัคร CSS มีหลักการของความใกล้ชิด กล่าวคือ คำจำกัดความของสไตล์ที่ใกล้กับเป้าหมายมากที่สุดจะมีลำดับความสำคัญสูงกว่า สไตล์ที่มีลำดับความสำคัญสูงจะสืบทอดคำจำกัดความที่ไม่ทับซ้อนกันของสไตล์ที่มีลำดับความสำคัญต่ำ แต่จะแทนที่คำจำกัดความที่ทับซ้อนกัน
การลิงก์ไปยังไฟล์สไตล์ชีตภายนอก (การลิงก์ไปยังสไตล์ชีต)
คุณสามารถสร้างไฟล์สไตล์ชีตภายนอก (.css) ก่อน จากนั้นจึงใช้ออบเจ็กต์ลิงก์ HTML ตัวอย่างจะเป็นดังนี้:
<head>
＜หัวข้อ＞ชื่อเอกสาร＜/หัวข้อ＞
＜link rel=stylesheet href=" http://www.devdao.com/dhtmlet.css " type="text/css"">
</head>
ใน XML คุณควรเพิ่มลงในพื้นที่ประกาศตามที่แสดงในตัวอย่างต่อไปนี้:
＜? xml-stylesheet type="text/css" href=" http://www.123-seo.cn/dhtmlet . css "?>
กำหนดวัตถุบล็อกสไตล์ภายใน (การฝังบล็อกสไตล์)
คุณสามารถแทรกวัตถุบล็อก <STYLE>...</STYLE> ระหว่างแท็ก <HTML> และ <BODY> ในเอกสาร HTML ของคุณ สำหรับวิธีการกำหนด โปรดดูที่ไวยากรณ์สไตล์ชีต ตัวอย่างมีดังนี้:
<html>
＜หัว＞
＜หัวข้อ＞ชื่อเอกสาร＜/หัวข้อ＞
＜style type="text/css"><
-
เนื้อความ {แบบอักษร: 10pt "Arial"}
h1 {แบบอักษร: 15pt/17pt "Arial";
h2 {แบบอักษร: 13pt/15pt "Arial";
p {แบบอักษร: 10pt/12pt "Arial"; สี: สีดำ}
-
＜/สไตล์><
＜/หัว><
<body>
โปรดทราบว่าการตั้งค่าแอตทริบิวต์ type ของวัตถุสไตล์เป็น "text/css" ที่นี่จะทำให้เบราว์เซอร์ที่ไม่สนับสนุนประเภทนี้สามารถละเว้นสไตล์ชีตได้