เนื้อหา
Notepad เป็นหนึ่งในโปรแกรมแก้ไขข้อความที่สามารถใช้สร้างเอกสาร Cascading Style Sheet (CSS) หลังจากสร้างไฟล์ CSS ใน Notepad แล้ว คุณสามารถเชื่อมโยงไฟล์นั้นกับหน้าเว็บเพื่อให้สามารถจัดรูปแบบเนื้อหาของหน้าเว็บด้วยสไตล์ชีตของคุณได้
ขั้นตอน
1 เปิดโปรแกรม Notepad- 2คัดลอกรหัสต่อไปนี้:
@charset "utf-8"; / * เอกสาร CSS * // * กำหนดสีขององค์ประกอบร่างกาย * / เนื้อหา {พื้นหลัง: # FFFFFF;} / * ส่วนนี้มีไว้สำหรับลิงก์ * / a: ลิงก์ { ตัวอักษร-น้ำหนัก: ปกติ; สี: Navy} a: เข้าชมแล้ว {font-weight: ปกติ; สี: สีเขียว;} a: โฮเวอร์ {font-weight: ตัวหนา; สี: แดง; ตัวแปรแบบอักษร: ตัวพิมพ์เล็ก;} / * ส่วนนี้มีไว้สำหรับส่วนย่อหน้า * / p {รูปแบบแบบอักษร: ตัวเอียง; ขนาดตัวอักษร: 18px;} สีน้ำเงิน {สี: # 0000FF;} / * ส่วนนี้ใช้สำหรับเส้นขอบสีดำของรูปภาพ * / img {border-color: # 000000; ขอบ: หนา; สไตล์เส้นขอบ: สัน;}
# วางรหัสจาก "ขั้นตอนที่ 2" ลงใน Notepad
1 บันทึกไฟล์ใน Notepad บันทึกภายใต้ชื่อ "SimpleCSS.css" โดยคลิกปุ่ม "ไฟล์" และเลือกคำสั่ง "บันทึก" หลังจากคลิกปุ่ม "บันทึก" กล่องโต้ตอบ "บันทึกเป็น" จะปรากฏขึ้น 
2 ตั้งชื่อไฟล์ CSS ของคุณ พิมพ์ "SimpleCSS.css" หรือชื่ออะไรก็ได้ในกล่องข้อความ "File Name" ที่มีนามสกุล ".css" 
3 คลิกปุ่ม "บันทึก"
4 เสร็จแล้ว!
เคล็ดลับ
- บันทึกไฟล์ Notepad เป็นข้อความเท่านั้น (บางครั้งคุณอาจเรียกว่า Text Document หรือ ASCII) และให้นามสกุลเป็น ".css"
- โค้ดที่เราเขียนที่นี่เป็นเพียงตัวอย่างเพื่อแสดงวิธีสร้างไฟล์ CSS พื้นฐานโดยใช้ Notepad เพื่อจัดการองค์ประกอบ HTML ในหน้าเว็บตัวอย่างที่แสดงในส่วนบทนำ คุณสามารถเปลี่ยนการเข้ารหัส CSS ของเราได้ อย่างไรก็ตาม วิธีที่คุณต้องการจัดรูปแบบสไตล์และลักษณะที่ปรากฏของหน้าเว็บ
- อย่าลืมวางเอกสาร CSS ที่บันทึกไว้ในโฟลเดอร์เดียวกับเอกสาร HTML ที่คุณสร้างหน้าเว็บ
- หลังจากที่คุณสร้างเอกสาร CSS แล้ว คุณอาจต้องทำขั้นตอนต่อไป กล่าวคือ เชื่อมโยงเอกสารและหน้าเว็บ โปรดดูบทความที่เกี่ยวข้องเพื่อทำสิ่งนี้
สิ่งที่คุณต้องการ
- คอมพิวเตอร์
- โปรแกรมแผ่นจดบันทึก
- อินเทอร์เน็ตเบราว์เซอร์
