هذه هي كيفية كتابة كود CSS

/*ما أستخدمه الآن تم تعديله استنادًا إلى الإصدار الذي شاركه دان، بشكل مبسط ومنسق*/
/*في الواقع، هذا ليس أبسط قالب، فقط انظر إلى هذا http://hi.baidu.com/nagato_yuki/css/item/af51f3de5971235494ee379b.css*/

a,a:link,a:active,a أ.على: زار
{
اللون:#000000!مهم؛
زخرفة النص: لا شيء
}

أ:تحوم
{
زخرفة النص:تسطير
}

جسم
{
عائلة الخطوط:"Microsoft Yahei"، sans-serif؛
الخلفية: URL ( ) مركز عدم التكرار
}

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:visited
{
العرض: لا شيء
}

#headerdiv.desc
{
أعلى: 125 بكسل؛
اليسار: 500 بكسل؛
اللون: #ففف؛
حجم الخط: 12 بكسل؛
عائلة الخطوط: "Microsoft Yahei"، sans-serif
}

#جدول
{
العرض: لا شيء
}

#فاتورة غير مدفوعة
{
اليسار: 150 بكسل؛
أعلى: 170 بكسل؛
الخلفية: لا شيء
}

#tab a:link,#tab a:hover
{
حجم الخط: 12 بكسل؛
لون الخلفية: لا شيء؛
زخرفة النص: لا شيء؛
اللون:#000000!مهم
}

#tab a:تمت الزيارة،#tab a.on
{
حجم الخط: 12 بكسل؛
لون الخلفية: لا شيء؛
اللون: #FFFFFF! مهم
}

#نطاق علامة التبويب
{
العرض: لا شيء
}

.منصة
{
محاذاة النص:مركز؛
الخلفية: URL ( محاذاة النص: يسار
}

#comm_info div.line
{
الهامش العلوي: 5 بكسل؛
ارتفاع الخط: 8 بكسل؛
الخلفية: URL ( محاذاة النص: يمين
}

.mod
{
الهامش السفلي: 10 بكسل
}

.modth
{
الارتفاع: 24 بكسل
}

.modhead
{
الحشو: 4px4px04px
}

.modopt
{
الحشو: 4px4px00
}

.modtit
{
اللون: #000؛
حجم الخط: 12 بكسل؛
عائلة الخطوط:"Microsoft Yahei"، sans-serif؛
وزن الخط: غامق
}

أ.تعديل
{
اللون: #000
}

modtit:زار
{
اللون: #000
}

.modtitlink
{
اللون: #000؛
حجم الخط: 12 بكسل؛
وزن الخط: غامق
}

modtitlink
{
اللون: #000؛
زخرفة النص: لا شيء
}

a.modtitlink:visited
{
اللون: #000؛
زخرفة النص: لا شيء
}

a.modtitlink:hover
{
اللون: #000؛
زخرفة النص:تسطير
}

.modact
{
اللون: #000؛
حجم الخط: 12 بكسل؛
عائلة الخطوط:"Microsoft Yahei"، sans-serif؛
زخرفة النص: لا شيء
}

أ.تعديل:رابط
{
اللون: #000
}

modact:زار
{
اللون: #000
}

modact:hover
{
اللون: #000؛
;
زخرفة النص:تسطير
}

.modbox
{
الحشو: 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؛
حجم الخط: 16 بكسل؛
وزن الخط: غامق؛
عائلة الخطوط:"Microsoft Yahei"، sans-serif؛
الهامش السفلي: 20 بكسل
}

#m_blogdiv.cnt
{
اللون: #555؛
ارتفاع الخط: 26 بكسل؛
حجم الخط: 13 بكسل؛
عائلة الخطوط:"Microsoft Yahei"، sans-serif؛
الهامش السفلي: 20 بكسل
}

#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:visited,#m_blog div.more a:hover
{
محاذاة النص:يمين؛
الهامش السفلي: 20 بكسل؛
}

#m_blog div.opt,#m_blog div.opt a,#m_blog div.opt a:تمت زيارته
{
حجم الخط: 12 بكسل؛
زخرفة النص: لا شيء؛
عائلة الخطوط:"Microsoft Yahei"، sans-serif؛
محاذاة النص:يمين؛
الهامش السفلي: 20 بكسل؛
}

#m_blog div.opt a:hover
{
زخرفة النص:تسطير
}

#m_blog div.line
{
الهامش العلوي: 17 بكسل؛
ارتفاع الخط: 17 بكسل؛
الحدود العلوية:1px#000000dash;
الهامش السفلي: 20 بكسل
}

#m_blog div.none
{
الحشو: 100 بكسل 0 100 بكسل 0؛
اللون: #000؛
حجم الخط: 14 بكسل
}

/*منطقة الملف الشخصي*/
#m_pro أ
{
عائلة الخطوط:"Microsoft Yahei"، sans-serif؛
زخرفة النص: لا شيء
}

#m_pro أ:زار
{
زخرفة النص: لا شيء
}

#m_pro أ:hover
{
زخرفة النص:تسطير
}

#m_prodiv.image
{
محاذاة النص: المركز
}

#m_prodiv.act
{
الهامش العلوي: 10 بكسل
}

#m_prodiv.user
{
الهامش العلوي: 10 بكسل؛
اللون: #000؛
حجم الخط: 12 بكسل؛
وزن الخط: غامق؛
عائلة الخطوط: "Microsoft Yahei"، sans-serif
}

#m_prodiv.desc
{
اللون: #666؛
حجم الخط: 12 بكسل؛
عائلة الخطوط: "Microsoft Yahei"، sans-serif
}

#m_pro div.line
{
الهامش العلوي: 17 بكسل؛
ارتفاع الخط: 17 بكسل؛
الحد العلوي: 1 بكسل منقط #E4E2DA
}

#m_pro td
{
اللون: #666؛
ارتفاع الخط: 24 بكسل؛
حجم الخط: 14 بكسل؛
عائلة الخطوط:"Microsoft Yahei"، sans-serif؛
}

#m_album div.image
{
محاذاة النص: المركز
}

#m_album div.page
{
اللون: #666؛
حجم الخط: 12 بكسل؛
محاذاة النص: المركز
}

#m_album div.pagea
{
اللون: #666؛
حجم الخط: 12 بكسل
}

#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؛
حجم الخط: 12 بكسل؛
عائلة الخطوط:"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:تحوم،#m_cang div.item أ،#m_cang div.item أ:تمت الزيارة،#m_friblog div.item أ،#m_friblog div.item أ:تمت الزيارة،#m_friblog div.item أ:تمت الزيارة،#m_friblog div .item a.cnt,#m_friblog div.item a.cnt:زار,#m_friblog div.item a.cnt:hover
{
حجم الخط: 12 بكسل؛
وزن الخط: عادي؛
عائلة الخطوط:"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
{
تعويم: يسار؛
الارتفاع: 20 بكسل؛
الحشو: 5 بكسل
}