นี่คือวิธีการเขียนโค้ด CSS

/*สิ่งที่ฉันใช้ตอนนี้ได้รับการแก้ไขตามเวอร์ชันที่ Dan's แชร์ ทำให้เรียบง่ายและจัดรูปแบบ*/
/*อันที่จริง นี่ไม่ใช่เทมเพลตที่ง่ายที่สุด เพียงแค่ดูที่ http://hi.baidu.com/nagato_yuki/css/item/af51f3de5971235494ee379b.css*/

a,a:link,a:active,a.on,a.on:เยี่ยมชมแล้ว
-
สี:#000000!สำคัญ;
การตกแต่งข้อความ:ไม่มี
-

ตอบ: โฮเวอร์
-
การตกแต่งข้อความ:ขีดเส้นใต้
-

ร่างกาย
-
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif;
พื้นหลัง:url(<A href="/u/info_img/2009-06/12/4256bbefadc04dfbce1b3e07.jpg)
-

/*ศีรษะ*/
#ส่วนหัว
-
ความสูง:200px;
ช่องว่างภายในซ้าย:120px;
พื้นหลัง:url(<A href="/u/info_img/2009-06/12/d6ca82771cecae0eb151b93f.jpg) ไม่มีการทำซ้ำศูนย์
-

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:เยี่ยมชมแล้ว
-
จอแสดงผล:ไม่มี
-

#headerdiv.desc
-
ด้านบน:125px;
ซ้าย:500px;
สี:#fff;
ขนาดตัวอักษร:12px;
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif
-

#ตาราง
-
จอแสดงผล:ไม่มี
-

#แท็บ
-
ซ้าย:150px;
ด้านบน:170px;
พื้นหลัง:ไม่มี
-

#tab:link,#tab:hover
-
ขนาดตัวอักษร:12px;
สีพื้นหลัง:ไม่มี;
การตกแต่งข้อความ: ไม่มี;
สี:#000000!สำคัญ
-

#tab a:เยี่ยมชมแล้ว,#tab a.on
-
ขนาดตัวอักษร:12px;
สีพื้นหลัง:ไม่มี;
สี:#FFFFFF!สำคัญ
-

#ช่วงแท็บ
-
จอแสดงผล:ไม่มี
-

.เวที
-
การจัดตำแหน่งข้อความ: กึ่งกลาง;
พื้นหลัง:url(<A href="/u/info_img/2009-06/12/6e546254f8773740564e00d5.jpg) ทำซ้ำ-y center
-

.stagepad
-
ความกว้าง:740px;
ระยะขอบ:0 อัตโนมัติ
-

#เลย์เอาต์
-
เค้าโครงตาราง: แก้ไข;
ความกว้าง:740px;
ระยะขอบ:0 อัตโนมัติ
-

#เลย์เอาต์
-
ขอบบน:-10px
-

#เค้าโครง td.c1t1,#เค้าโครง td.c2t1,#เค้าโครง td.c2t3,#เค้าโครง td.c3t1,#เค้าโครง td.c3t3,#เค้าโครง td.c3t5
-
ช่องว่างด้านบน:10px
-

#เลย์เอาท์ td.c2t3
-
สีพื้นหลัง:#f8f8f8
-

#เลย์เอาท์ td.c2t1
-
ขอบล่าง:1px ทึบ #808080
-

#เลย์เอาท์ td.c2t3
-
ขอบล่าง:1px ทึบ #808080
-

#เลย์เอาท์ td.c2t2
-
เส้นขอบขวา:1px ทึบ #f8f8f8;
ขอบล่าง:1px ทึบ #808080
-

#comm_info
-
สี:#000;
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif;
การจัดแนวข้อความ: ซ้าย
-

#comm_infodiv.line
-
ขอบบน:5px;
ความสูงของบรรทัด:8px;
พื้นหลัง:url(<A href=") ด้านล่างไม่ซ้ำ;
ช่องว่างภายในด้านล่าง: 40px;
ขอบล่าง:10px
-

#หน้าหนังสือ
-
ความสูง:30px;
ขนาดตัวอักษร:14px;
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif;
การจัดแนวข้อความ: ขวา
-

.ม็อด
-
ขอบล่าง:10px
-

.modth
-
ความสูง:24px
-

.ม็อดเฮด
-
การขยาย:4px4px04px
-

.modopt
-
การขยาย:4px4px00
-

.modtit
-
สี:#000;
ขนาดตัวอักษร:12px;
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif;
แบบอักษรน้ำหนัก: ตัวหนา
-

ก.ม็อดติต
-
สี:#000
-

ก.modtit:เยี่ยมชมแล้ว
-
สี:#000
-

.modtitlink
-
สี:#000;
ขนาดตัวอักษร:12px;
แบบอักษรน้ำหนัก: ตัวหนา
-

ก.modtitlink
-
สี:#000;
การตกแต่งข้อความ:ไม่มี
-

ก.modtitlink:เยี่ยมชมแล้ว
-
สี:#000;
การตกแต่งข้อความ:ไม่มี
-

ก.modtitlink:โฮเวอร์
-
สี:#000;
การตกแต่งข้อความ:ขีดเส้นใต้
-

.ม็อดแด็กต์
-
สี:#000;
ขนาดตัวอักษร:12px;
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif;
การตกแต่งข้อความ:ไม่มี
-

ก.modact:ลิงค์
-
สี:#000
-

ก.modact:เยี่ยมชมแล้ว
-
สี:#000
-

ก.modact:โฮเวอร์
-
สี:#000;
-
การตกแต่งข้อความ:ขีดเส้นใต้
-

.ม็อดบ็อกซ์
-
การขยาย:10px 10px 0 10px;
สีพื้นหลัง:ไม่มี
-

.modtl
-
พื้นหลัง:ไม่มี
-

.modtc
-
พื้นหลัง:ไม่มี
-

.modtr
-
พื้นหลัง:ไม่มี
-

.modbl
-
พื้นหลัง:ไม่มี
-

.modbc
-
พื้นหลัง:ไม่มี
-

.modbr
-
พื้นหลัง:ไม่มี
-

/*พื้นที่บทความ*/
#m_blog div.tit,#m_blog div.tit a,#m_blog div.tit a:เยี่ยมชมแล้ว,#m_blog div.tit a:hover
-
สี:#000;
ขนาดตัวอักษร:16px;
แบบอักษรน้ำหนัก: ตัวหนา;
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif;
ขอบล่าง:20px
-

#m_blogdiv.cnt
-
สี:#555;
ความสูงของบรรทัด:26px;
ขนาดตัวอักษร:13px;
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif;
ขอบล่าง:20px
-

#m_blog div.cnt a,#m_blog div.cnt a:เยี่ยมชม,#m_blog div.cnt a:hover
-
การตกแต่งข้อความ:ขีดเส้นใต้!สำคัญ
-

#m_blog div.more,#m_blog div.more a,#m_blog div.more a:เยี่ยมชม,#m_blog div.more a:hover
-
การจัดตำแหน่งข้อความ: ขวา;
ขอบล่าง:20px;
-

#m_blog div.opt,#m_blog div.opt a,#m_blog div.opt a:เยี่ยมชมแล้ว
-
ขนาดตัวอักษร:12px;
การตกแต่งข้อความ: ไม่มี;
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif;
การจัดตำแหน่งข้อความ: ขวา;
ขอบล่าง:20px;
-

#m_blog div.opt a:โฮเวอร์
-
การตกแต่งข้อความ:ขีดเส้นใต้
-

#m_blog div.line
-
ขอบบน:17px;
ความสูงของบรรทัด:17px;
ขอบบน:1px#000000ประ;
ขอบล่าง:20px
-

#m_blog div.none
-
การขยาย:100px 0 100px 0;
สี:#000;
ขนาดตัวอักษร:14px
-

/*พื้นที่ไฟล์ส่วนตัว*/
#m_proเอ
-
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif;
การตกแต่งข้อความ:ไม่มี
-

#m_pro a:มาเยือนแล้ว
-
การตกแต่งข้อความ:ไม่มี
-

#m_pro a:โฮเวอร์
-
การตกแต่งข้อความ:ขีดเส้นใต้
-

#m_prodiv.image
-
การจัดแนวข้อความ: center
-

#m_prodiv.act
-
ขอบบน:10px
-

#m_prodiv.user
-
ขอบบน:10px;
สี:#000;
ขนาดตัวอักษร:12px;
แบบอักษรน้ำหนัก: ตัวหนา;
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif
-

#m_prodiv.desc
-
สี:#666;
ขนาดตัวอักษร:12px;
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif
-

#m_pro div.line
-
ขอบบน:17px;
ความสูงของบรรทัด:17px;
ขอบบน: 1px จุด #E4E2DA
-

#m_pro td
-
สี:#666;
ความสูงของบรรทัด:24px;
ขนาดตัวอักษร:14px;
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif;
-

#m_albumdiv.image
-
การจัดแนวข้อความ: center
-

#m_album div.page
-
สี:#666;
ขนาดตัวอักษร:12px;
การจัดแนวข้อความ: center
-

#m_albumdiv.pagea
-
สี:#666;
ขนาดตัวอักษร:12px
-

#m_album div.page a:visited
-
สี:#666
-

#m_links div.item,#m_mylink1 div.item,#m_mylink2 div.item,#m_mylink3 div.item,#m_mylink4 div.item
-
สี:#666;
ขนาดตัวอักษร:12px;
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif;
-

#m_links div.item a,#m_mylink1 div.item a,#m_mylink2 div.item a,#m_mylink3 div.item a,#m_mylink4 div.item a,#m_links div.item a:เยี่ยมชมแล้ว,#m_mylink1 div.item a :visited,#m_mylink2 div.item a:เยี่ยมชมแล้ว,#m_mylink3 div.item a:เยี่ยมชมแล้ว,#m_mylink4 div.item a:เยี่ยมชมแล้ว,#m_artclg div.item a,#m_artclg div.item a:เยี่ยมชมแล้ว,#m_filed div.item a,#m_filed div.item a:เยี่ยมชมแล้ว,#m_filed div.item a,#m_filed div.item a:เยี่ยมชมแล้ว,#m_comment div.item a,#m_comment div.item a:เยี่ยมชมแล้ว,#m_comment div.item a.cnt:hover,#m_cang div.item a,#m_cang div.item a:เยี่ยมชมแล้ว, #m_friblog div.item a,#m_friblog div.item a:เยี่ยมชมแล้ว,#m_friblog div.item a:เยี่ยมชมแล้ว,#m_friblog div.item a.cnt,#m_friblog div.item a.cnt:เยี่ยมชมแล้ว,#m_friblog div.item a.cnt:hover
-
ขนาดตัวอักษร:12px;
แบบอักษรน้ำหนัก:ปกติ;
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif;
การตกแต่งข้อความ:ไม่มี
-

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:visited,#tabline,#tabspan,#m_blog div.date,#m_comment_post div.toolbarstrip,#m_comment_post div.toolbaritem,#in_send div.แถบเครื่องมือ,#in_send div.toolbaritem,#mod_info,#m_comment_post,#m_mylink2 div.line,#m_mylink3 div.line,#mod_artclg div.line,#mod_filed div.line,#vercode,#yanzheng,#m_pro div.userinfo,#m_proa.btfan
-
พื้นหลัง:#โปร่งใส;
จอแสดงผล:ไม่มี
-

#m_mylink2 div.item,#m_mylink3 div.item,#mod_artclg div.item,#mod_filed div.item
-
ลอย:ซ้าย;
ความสูง:20px;
การขยาย:5px
-