<أتش تي أم أل>
<الرأس>
<title>معرفة CSS للمحتوى</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<نمط النوع = "نص/CSS">
تد {
حجم الخط: 12 بكسل؛
عائلة الخطوط : 宋体;
}
عائلة الخط: "宋体"؛
حجم الخط: 9pt؛ زخرفة النص: لا شيء}
.t1{
اللون: #CC0000؛ زخرفة النص: تسطير
}
.t2{
زخرفة النص: لا شيء؛
اللون:#006699;
}
.t3 { اللون: #006600؛ زخرفة النص: تسطير فوق السطر}
.t4 { اللون: #0066FF؛ زخرفة النص: خط من خلال}
.t5 { الحدود: 1 بكسل #FF0000 صلب؛ الارتفاع: 20 بكسل؛ اللون: #000099}
.t6 { الحدود: #FF0000 صلب؛ الارتفاع: 0 بكسل؛ اللون: #0066FF؛ عرض الحدود: 0px 0px 1px}
.t7 { الحدود: #FF0000 صلب؛ الارتفاع: 0 بكسل؛ اللون: #0066FF؛ عرض الحدود: 0px 0px 1px؛ المساحة المتروكة للأسفل: 5 بكسل}
.t8 { الحدود: #FF0000 صلب؛ الارتفاع: 0 بكسل؛ اللون: #0066FF؛ عرض الحدود: 0px 0px 1px؛ العرض: 200 بكسل؛ محاذاة النص: المركز}
.t9 { الحدود: #FF0000 مزدوج؛ الارتفاع: 0 بكسل؛ اللون: #0066FF؛ عرض الحدود: 0px 0px 3px}
.t10 { الحدود: 1 بكسل #FFFF00 صلب؛ اللون: #FFFF00؛ مقطع: الارتفاع؛ لون الخلفية: #990000; الارتفاع: 20 بكسل؛ الحشو العلوي: 5 بكسل؛ المساحة المتروكة على اليمين: 5 بكسل؛ الحشو السفلي: 5 بكسل؛ المساحة المتروكة لليسار: 5 بكسل؛ العرض: 130 بكسل: 0 بكسل}
.t11 { الحشو الأيمن: 2 بكسل؛ الحشو الأيسر: 2 بكسل؛ الحشو السفلي: 2 بكسل؛ الحشو العلوي: 2 بكسل؛ لون الخلفية: #D9DEE8؛ الارتفاع: 25 بكسل؛ العرض: 150 بكسل؛ محاذاة النص: مركز؛ ; الحدود: #D9DEE8؛ نمط الحدود: البداية؛ عرض الحدود العلوية: 2 بكسل؛ عرض الحدود اليمنى: 2 بكسل؛ عرض الحد السفلي: 2 بكسل؛ عرض الحد الأيسر: 2 بكسل}
.t12{
زخرفة النص: لا شيء؛
اللون:#006699;
; الارتفاع: 25 بكسل؛ العرض: 130 بكسل؛ الحشو العلوي: 4 بكسل؛ المساحة المتروكة على اليمين: 4 بكسل؛ الحشو السفلي: 4 بكسل؛ المساحة المتروكة لليسار: 4 بكسل
; الحدود: 1 بكسل #0000CC صلب
; عامل التصفية: طمس (إضافة = 1، اتجاه = 45، قوة = 2)
; محاذاة النص: المركز
}
.t13 { اللون: #FFFF00؛ زخرفة النص: لا شيء؛ الارتفاع: 25 بكسل؛ العرض: 120 بكسل؛ عائلة الخط: "宋体"؛ حجم الخط: 12 بكسل؛ صورة الخلفية: url(bk3.gif); الحشو العلوي: 6 بكسل؛ المساحة المتروكة لليسار: 5 بكسل؛ محاذاة النص: المركز}
.t13:hover { اللون: #FFFFFF؛ زخرفة النص: لا شيء؛ صورة الخلفية: url(bk4.gif); الارتفاع: 25 بكسل؛ العرض: 120 بكسل؛ الحشو العلوي: 6 بكسل؛ المساحة المتروكة لليسار: 5 بكسل؛ محاذاة النص: المركز}
.t14 { اللون: #FFFF00؛ زخرفة النص: لا شيء؛ الارتفاع: 25 بكسل؛ العرض: 120 بكسل؛ عائلة الخط: "宋体"؛ حجم الخط: 12 بكسل؛ صورة الخلفية: url(bk1.gif); الحشو العلوي: 5 بكسل؛ المساحة المتروكة لليسار: 5 بكسل}
.t14:تحويم { اللون: #000000؛ زخرفة النص: لا شيء؛ صورة الخلفية: url(bk2.gif); الارتفاع: 25 بكسل؛ العرض: 120 بكسل؛ الحشو العلوي: 5 بكسل؛ المساحة المتروكة لليسار: 5 بكسل}
.t1:تحوم {
اللون: #0000FF؛ زخرفة النص: تسطير
}
.t2:تحويم{
زخرفة النص: تسطير؛
اللون: #339900؛
}
.t3:hover { اللون: #9900CC؛ زخرفة النص: لا شيء}
.t4:hover { اللون: #FF0099؛ زخرفة النص: لا شيء}
.t5:hover { الحدود: 1px #0000FF صلب؛ الارتفاع: 20 بكسل؛ اللون: #CCCC00}
.t6:hover { الحدود: صلبة؛ الارتفاع: 0 بكسل؛ اللون: #0066FF؛ عرض الحدود: 0px 0px 1px؛ لون الحدود: #00FF00 #00FF00 #00FF33 #00FF33}
.t7:hover { border: #FF0000 Solid; الارتفاع: 0 بكسل؛ اللون: #990000؛ عرض الحدود: 0px 0px 1px؛ المساحة المتروكة للأسفل: 2 بكسل}
.t8:hover { border: #FF0000 Solid; الارتفاع: 0 بكسل؛ اللون: #336600؛ عرض الحدود: 0px 0px 1px؛ العرض: 170 بكسل؛ محاذاة النص: المركز}
.t9:hover { border: #FF0000 double; الارتفاع: 0 بكسل؛ اللون: #0066FF؛ عرض الحدود: 0px 0px 5px}
.t10:hover { الحدود: 1px #0000FF صلب؛ اللون: #333333؛ مقطع: الارتفاع؛ لون الخلفية: #C8D8F0؛ الارتفاع: 20 بكسل؛ الحشو العلوي: 5 بكسل؛ المساحة المتروكة على اليمين: 5 بكسل؛ الحشو السفلي: 5 بكسل؛ المساحة المتروكة لليسار: 5 بكسل؛ العرض: 130 بكسل: 0 بكسل}
.t11:hover { الحدود اليمنى: #99CCFF 1px البداية؛ الحشو لليمين: 2 بكسل؛ الحدود العلوية: #99CCFF 1px بداية؛ الحشو الأيسر: 2 بكسل؛ الحشو السفلي: 2 بكسل؛ الحدود من اليسار: #99CCFF 1px بداية؛ الحشو العلوي: 2 بكسل؛ الحدود السفلية: #99CCFF 1px outset;background-color:#C8D8F0; الارتفاع: 25 بكسل؛ العرض: 150 بكسل؛ محاذاة النص: مركز؛ }
.t12:تحوم {
زخرفة النص: لا شيء؛
اللون:#006699;
; الارتفاع: 25 بكسل؛ العرض: 130 بكسل؛ الحشو العلوي: 4 بكسل؛ المساحة المتروكة على اليمين: 4 بكسل؛ الحشو السفلي: 4 بكسل؛ المساحة المتروكة لليسار: 4 بكسل
; الحدود: 1 بكسل #0000CC صلب
; عامل التصفية: طمس (إضافة = 1، الاتجاه = 45، القوة = 1)
; محاذاة النص: المركز
}
.txt10 { ارتفاع الخط: 15 بكسل}
</style>
<لغة البرمجة = "جافا سكريبت">
<!--
وظيفة MM_preloadImages() { //v3.0
فار د=مستند; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; ل(i=0;i<a.length;i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<body bgcolor="#EBEAF4" text="#000000" onLoad="MM_preloadImages('bk4.gif','bk3.gif','bk2.gif','bk1.gif')">
<عرض الجدول = "300" الحدود = "0" تباعد الخلايا = "1" خلية الحشو = "5" محاذاة = "المركز" bgcolor = "#CCCCCC">
<tr bgcolor="#FFFFFF" align="center">
<td colspan="2" class="txt10">التعامل مع لغة CSS</td>
</tr>
<tr bgcolor="#CCCCCC">
<td>一、</td>
<td>المنتجات المصنعة</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>1、</td>
<td><a href="#" class="t1">البيانات التعريفية</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>2、</td>
<td><a href="#" class="t2">البحث عن المعلومات</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>3、</td>
<td><a href="#" class="t3">البحث عن المعلومات</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>4、</td>
<td><a href="#" class="t4">البحث عن المعلومات</a></td>
</tr>
<tr bgcolor="#CCCCCC">
<td>二、</td>
<td>البحث عن منتجات جديدة</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>1、</td>
<td><a href="#" class="t5">البحث عن منتجات جديدة</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>2、</td>
<td><a href="#" class="t6">البحث عن منتجات جديدة</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>3、 </td>
<td><a href="#" class="t7">البحث عن منتجات جديدة</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>4، </td>
<td><a href="#" class="t8">البحث عن منتجات جديدة</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>5、 </td>
<td><a href="#" class="t9">البحث عن منتجات جديدة</a></td>
</tr>
<tr bgcolor="#CCCCCC">
<td>三、</td>
<td>البحث عن منتجات جديدة</td>
</tr>
<tr bgcolor="#FFFFFF">
<td>1、</td>
<td><a href="#" class="t10">البحث عن المعلومات</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>2、</td>
<td><a href="#" class="t11">التعرف على المزيد من المعلومات</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>3、</td>
<td><a href="#" class="t12">البحث عن المعلومات</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>4、</td>
<td><a href="#" class="t13">التعرف على معلومات حول كيفية التعامل مع المشكلة</a></td>
</tr>
<tr bgcolor="#FFFFFF">
<td>5、</td>
<td><a href="#" class="t14">التعرف على المزيد من المعلومات</a></td>
</tr>
<tr bgcolor="#FFFFFF" align="right">
<td colspan="2"> <a href=" http://www.downcodes.com "> مراجعة الحسابات</a>البريد الإلكتروني</td>
</tr>
</الجدول>
<p class="t2"> </p>
</الجسم>
</html>