1.คลิกที่ปุ่ม New CCS Style เพื่อสร้าง CCS Style
2.ปรากฏหน้าต่าง New CCS Style ในช่อง Nam ให้ตั้งชื่อ CCS Style โดยต้องขึ้นต้นด้วยจุด (.) ซึ่งในที่นี้พิมพ์คำว่า .Jstyle
3.ในหัวข้อ Selector Type คลิกเลือก Class
4.ในหัวข้อ Define in คลิกเลือก (New Style Sheet File)
5.คลิกที่ปุ่ม OK
6.คลิกเลือกโฟลเดอร์ที่จะเก็บ CCS Style
7.ในช่อง File name ให้ตั้งชื่อไฟล์
8.คลิกที่ปุ่ม Seve
9.ปรากฏหน้าต่าง CSS Style Defintion จากนั้นกำหนดรายละเอียดต่างๆ ที่ต้องการ
10.เมื่อกำหนดรายละเอียดต่างๆ ครบเรียบร้อยแล้ว ให้คลิกที่ปุ่ม OK
12ถ้าต้องการสร้าง CCS Style เพิ่มไว้ในไฟล์อีก ให้คลิกที่ปุ่ม
13.ปรากฏหน้าต่าง New CCS Styleในช่อง Name ให้ตั้งชื่อ CCS Style โดยต้างขึ้นต้นด้วย (.) ซึ่งในที่นี้พิมพ์ว่า .Style
14.ในหัวข้อ Selector Type คลิกเลือก Class
15.ในหัวข้อ Define in คลิกเลือก Jstyle.css
16.คลิกที่ปุ่ม OK
17.ปรากฏหน้าต่าง CCS Style Defintion จากนั้นกำหนดรายละเอียดต่างๆ ที่ต้องการ
18.เมื่อกำหนดรายละเอียดต่างๆ ครบเรียบร้อยแล้ว ให้คลิกที่ปุ่ม OK
19.ในหน้าต่าง CCS Style จะมีชื่อไฟล์ .css ที่สร้างไว้กับ CCS Style ที่อยู่ในไฟล์นั้น