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

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

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

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

ร่างกาย
-
ตระกูลฟอนต์: "Microsoft Yahei", sans-serif;
พื้นหลัง: url ( ) ตรงกลางไม่ซ้ำ
}

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

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

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

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

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

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

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

.เวที
-
การจัดตำแหน่งข้อความ: กึ่งกลาง;
พื้นหลัง:url( text-align:left
}

#comm_info div.line
-
ขอบบน:5px;
ความสูงของบรรทัด:8px;
พื้นหลัง:url( text-align:right
}

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

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

.modhead
-
การขยาย:4px4px04px
}

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

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

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

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

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

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

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

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

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

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

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

a.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:visited,#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_album div.image
-
การจัดแนวข้อความ: center
}

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

#m_album div.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:เยี่ยมชมแล้ว,#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:visited,#m_friblog div.item a.cnt:โฮเวอร์
-
ขนาดตัวอักษร: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.toolbarstrip,#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
-