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

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

أ،أ:رابط،أ:نشط،أون،أون:زار
{
اللون:#000000!مهم؛
زخرفة النص: لا شيء
}

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

جسم
{
عائلة الخطوط:"Microsoft Yahei"، sans-serif؛
الخلفية: URL(<A href="/u/info_img/2009-06/12/4256bbefadc04dfbce1b3e07.jpg)
}

/*رأس*/
#header
{
الارتفاع: 200 بكسل؛
الحشو الأيسر: 120 بكسل؛
الخلفية: URL(<A href="/u/info_img/2009-06/12/d6ca82771cecae0eb151b93f.jpg) مركز عدم التكرار
}

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:تمت زيارته
{
العرض: لا شيء
}

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

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

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

#علامة التبويب أ: رابط، #علامة التبويب أ: تحويم
{
حجم الخط: 12 بكسل؛
لون الخلفية: لا شيء؛
زخرفة النص: لا شيء؛
اللون:#000000!مهم
}

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

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

.منصة
{
محاذاة النص:مركز؛
الخلفية: URL(<A href="/u/info_img/2009-06/12/6e546254f8773740564e00d5.jpg) مركز التكرار
}

.stagepad
{
العرض: 740 بكسل؛
الهامش: 0 تلقائي
}

#تَخطِيط
{
تخطيط الجدول:ثابت؛
العرض: 740 بكسل؛
الهامش: 0 تلقائي
}

#تَخطِيط
{
الهامش العلوي: -10 بكسل
}

#تخطيط td.c1t1،#تخطيط td.c2t1،#تخطيط td.c2t3،#تخطيط td.c3t1،#تخطيط td.c3t3،#تخطيط td.c3t5
{
الحشو العلوي: 10 بكسل
}

#تخطيط td.c2t3
{
لون الخلفية:#f8f8f8
}

#تخطيط td.c2t1
{
الحد السفلي: 1 بكسل صلب #808080
}

#تخطيط td.c2t3
{
الحد السفلي: 1 بكسل صلب #808080
}

#تخطيط td.c2t2
{
الحدود اليمنى: 1 بكسل صلب #f8f8f8؛
الحد السفلي: 1 بكسل صلب #808080
}

#comm_info
{
اللون: #000؛
عائلة الخطوط:"Microsoft Yahei"، sans-serif؛
محاذاة النص: يسار
}

#comm_infodiv.line
{
الهامش العلوي: 5 بكسل؛
ارتفاع الخط: 8 بكسل؛
الخلفية: url(<A href = ") أسفل بدون تكرار؛
الحشو السفلي: 40 بكسل؛
الهامش السفلي: 10 بكسل
}

#صفحة
{
الارتفاع: 30 بكسل؛
حجم الخط: 14 بكسل؛
عائلة الخطوط:"Microsoft Yahei"، sans-serif؛
محاذاة النص: صحيح
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

أ.تعديل:تحويم
{
اللون: #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:تمت الزيارة,#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_albumdiv.image
{
محاذاة النص: المركز
}

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

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

#m_album div.page أ:تمت الزيارة
{
اللون:#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:hover،#m_cang div.item a،#m_cang div.item a:تمت الزيارة، #m_friblog div.item أ،#m_friblog div.item أ:تمت الزيارة،#m_friblog div.item a: تمت الزيارة،#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:تمت زيارته,#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 بكسل
}